CSS链接颜色样式覆盖

Question

我很生气!我希望有人能给我一个解决这个问题的好建议。

所以…我创建了2个div，在这两个div里面是一个不同颜色的链接。一切都很好，但当我改变第二个链接的颜色，覆盖我的第一个链接…几乎每次我遇到这个问题…

我的css代码:

.button a, a:link, a:visited { text-decoration:none; font-size:12px; color:#FFF; }
.button a:hover { cursor:pointer; color:#FFF; }
.post-share-comment a, a:link, a:visited { font-size:12px; color:#000; }
.post-share-comment a:hover { cursor:pointer; }

我的。button链接颜色是白色的，但在网页上不是…在网上是黑暗的…当我在按钮上添加post-share-commentdiv时，我的按钮是白色的，但另一个链接也是白色的…所以第二种样式覆盖了第一个 ??这是为什么?

谢谢! !

Answer 1

逗号分隔完整的选择器，而不是它们的组件

:

 .post-share-comment a, a:link, a:visited {}

的意思是:

 .post-share-comment a {}
 a:link {}
 a:visited {}

:

 .post-share-comment a {}
 .post-share-comment a:link {}
 .post-share-comment a:visited {}

你的选择器应该是:

 .post-share-comment a,
 .post-share-comment a:link,
 .post-share-comment a:visited {}

如果你不想写出完整的语法，那么你可以使用一个预处理，比如LESS，它允许:

 .post-share-comment {
     a,
     a:link,
     a:visited {}
 }