出于某种原因,Chrome和IE正在将我为无序列表创建的CSS应用于页面上的其他链接。 Firefox中的一切看起来都很棒,所以我不完全确定发生了什么。这是我使用的CSS:
ul#gallery-tags li a, a:visited {
line-height: 40px;
width: 100%;
display: block;
padding-left: 5px;
color: #606060;
text-decoration: none;
border-bottom: solid 1px #e0e0e0;
}
ul#gallery-tags li a:hover {
background-color: #1d95d8;
color: #fff;
border-bottom: none;
}
这里有一个例子:http://jsfiddle.net/UAHw7/30/在Firefox中,一切看起来都很好。但是在Chrome和IE浏览器中,列表css也会影响其他链接,因为我的“页脚链接”在不应该的情况下看起来也有40px的行高。
我是网络开发的新手,所以任何建议都会有所帮助。感谢。
答案 0 :(得分:3)
我无法在Chrome上复制,但无论您看到的是什么,可能是因为您使用的第一个选择器已应用于所有访问过的链接,并且您在其中拥有一组不同的访问链接FF历史......
ul#gallery-tags li a, a:visited
就是说:a
是li
的孩子,ul#gallery-tags
的孩子,以及全部 a:visited
的
第一个选择器的最有可能的是ul#gallery-tags li a, ul#gallery-tags li a:visited
可悲的是,CSS要求你非常重复。