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鏈接的顏色是白色，但在網絡上不是...在網絡上是黑暗的...當我在.button上添加這個post-share-comment div比我的按鈕是白色的，但另一個鏈接是白色的太...所以第二款覆蓋第一款 ???爲什麼是這樣 ？？？

謝謝！

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