與CSS樣式鏈接

Question

我想要的風格這些鏈接：

 <a class="sub" href="#">Email Updates</a> 
     <a class="sub" href="#">RSS Updates</a> 

有了這個CSS：

.sub:link, .sub:visited{height: 50px; width: 308px; background-color: #669900; line-height: 50px; margin: 0 0 0 -15px; font-size: 35px; font-family: "Helvetica", sans-serif; color: #FFFFFF; text-decoration: none;} 
.sub:hover{background-color: #336600;} 

你看到什麼了不正確的？所有風格應用到我的鏈接是我的默認，這是這樣的：

a{ 
    float: none; 
    color: #669900; 
    text-decoration: underline; 
} 

而且我一定要把這之前我的「.SUB」風格。有任何想法嗎？謝謝！

Answer 1

使用:active僞代碼以及應該讓你所有的設置。

.sub:link, .sub:visited, .sub:active { } 

Answer 2

a選擇器比類名更具體。由於鏈接的爲a，而a可能屬於「sub」類，但它可能不是。

如果你修改CSS來：

a.sub { /* css */ } 

它變得更加具體，

a.sub:link { /* css */ } 

更是如此。

Answer 3

試試這個;

.sub a:link, .sub a:visited { 
height : 50px; 
width : 308px; 
background-color : #669900; 
line-height : 50px; 
margin : 0 0 0 -15px; 
font-size : 35px; 
font-family : "Helvetica", sans-serif; 
color : #ffffff; 
text-decoration : none; 
} 
.sub a:hover { 
background-color : #336600; 
}