外部链接的链接样式

8 浏览
0 Comments

外部链接的链接样式

我打算在我的网站上应用链接样式,这样外部链接旁边就会有一个图标,但是在应用过程中,页脚图片链接也发生了变化。有没有办法避免这种情况发生?

0
0 Comments

问题的出现的原因是代码中移除了页脚链接的原始图像,但页脚有自己的样式与组织链接的图像相关联。解决方法是在代码中添加一个样式块,将其放置在<head></head>的末尾,或者将其放置在样式表styles.css中。在样式中搜索"navigation",并将其放置在以#navigation...开头的最后一个ruleset之后。不要在样式表中包含这些标签,这些标签仅适用于HTML页面。可以使用以下选择器:a.navmenuitem::after。通过查看Plunker来获取更多详细信息,这是您网站导航栏和页脚的一个粗略复制,因此在样式上有一些差异。使用提供的规则集并正确放置,成功率达到99%。

0
0 Comments

这个问题的出现是因为无法根据子元素来为父元素分配选择器。可以参考Stack Overflow中的这个回答:Apply CSS styles to an element depending on its child elements。你想要应用到所有的<a>link</a>,但是排除<a><img src='' /></a>是不可能的。

但是你可以尝试这样做:

a[href^="http://"] {
  /*做你想做的样式*/
}
a[href^="http://"] img {
 background: none; /*移除背景*/
}

这应该会起作用。顺便说一下,你的选择器中缺少了https://

0