html - CSS链接颜色样式覆盖

Question

我完全生气了！我希望有人能给我添加一个很好的提示如何解决这个问题。

所以...我创建了 2 个 div，在这两个 div 里面是一个不同颜色的 LINK。一切正常，但是当我更改覆盖我的第一个链接的第二个链接颜色时......几乎每次我遇到这个问题......

我的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 链接颜色是白色的，但在网络上不是......白色也是...所以第二种样式会覆盖第一种样式？？？为什么是这样 ？？？

谢谢 ！！！！

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 {}
 }