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