幫我理解奇怪的CSS行爲！

Question

奇怪的CSS行爲。 當我設置訪問顏色使用CSS（a.nav：懸停如下例），然後懸停不起作用，一旦鏈接被用戶訪問。但是，當我設置它的父元素的引用（.header a.nav：hover如下）它的作品。爲什麼？

a.nav:visited{ 
color:yellow; 
} 

/*once the link is visited by user this rule not working*/ 
a.nav:hover{ 
color:red; 
} 

/*if we use this rule it works even after the link is visited*/ 
.header a.nav:hover{ 
color:red; 
} 

<div class="header"> 
<a class="nav" .. >test </a> 
</div> 

Answer 1

這聽起來像是specificity問題。你的CSS中有其他a僞選擇器嗎？如果有一個比a.nav:hover更具體的選擇器（比如.header a.nav:hover），那麼它將覆蓋它，而不管它在文件中的位置。

Answer 2

a.nav:hover, 
a.nav:visited:hover{ 
color:red; 
} 

或

a.nav:hover{ 
color:red !important; 
} 

應該使其工作。