Styling ссылки с помощью 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

Используйте также класс psuedo :active, который должен вас устроить.

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

Answer 2

Селектор a более специфичен, чем имя класса. Поскольку ссылка имеет, является a, тогда как aможет быть быть класса «под», но это может и не быть.

Если пересмотреть 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; 
}