爲什麼我的css不會對a：link，a：visited，a：hover，a：active？生效？

我有一個表，有一列爲什麼我的css不會對a：link，a：visited，a：hover，a：active？生效？

<table> 
    <tr> 
    <td width="30" class="top-nav"><a href="#">Home</a></td> 
    <td width="30" class="top-nav"><a href="#">About</a></td> 
    <td width="30" class="top-nav"><a href="#">Contact</a></td> 
    </tr> 
</table>

我想CSS中列有鼠標懸停效果，所以我就以下內容：

.top-nav a{ 
    display: block; 
    padding: 3px; 
    text-decoration: none; 

} 

.top-nav a:link, .top-nav a:visited{ 
    color: #000000; 
    background-color: #1d5987; 

} 
.top-nav a:hover, .top-nav a:active{ 
    color: #ffffff; 
    background-color: #666666; 

}

但我的CSS不採取任何影響爲a:link ,a:visited, a:hover, a:active表格單元格的背景和字體顏色變化，爲什麼？

來源

2011-10-09 Leem.fin

嘗試取出掛'，' –

我所做的，但沒有幫助。 –

@ DanielA.White是對的：http://jsfiddle.net/EDn8p/ –

，如果你刪除多餘的,這裏

.top-nav a:visited,

和

.top-nav a:active,

見例如它的工作原理：http://jsfiddle.net/jasongennaro/ZSbdH/

來源

2011-10-09 19:24:43

Aww！你擊敗了我:) – PhD

@Nupul - 丹尼爾懷特擊敗了每個人（見問題的評論）。如果你認爲這是一個好答案，你應該高舉這個答案。 –

爲什麼我的css不會對a：link，a：visited，a：hover，a：active？生效？

回答

相關問題