оном: парить моделирование не работает

Question

Это мой код:

.header li a:hover { 
    color:black; 
    background-color:red; 
    text-decoration:none; 
    font-size:1.25em; 
} 

Это сайт:

http://grantfranken.com

Прежде чем я добавил text-decoration и font-size стили, в color и background-color стили Работали. Как только я добавил другие стили, они перестали работать. Как я могу это исправить? Означает ли порядок стилей?

Answer 1

У вас есть стили в неправильном порядке.

.header li a:hover {color:black; background-color:red; text-decoration:none; font-size:1.25em;} 

.header li a:link {color:red; background-color:black;} 

.header li a:visited {color:red; background-color:black;} 

a:hover ДОЛЖНЫ после a:link и a:visited в определении CSS в для того, чтобы быть эффективным !! a:active MUST come after a: hover` в определении CSS, чтобы быть эффективными!

So.

.header li a:link {color:red; background-color:black;} 

.header li a:visited {color:red; background-color:black;} 

.header li a:hover {color:black; background-color:red; text-decoration:none; font-size:1.25em;} 

Answer 2

ваша проблема порядок pseudo-classes из a.

у вас есть это:

.header li a:hover {color:black; background-color:red; text-decoration:none; font-size:1.25em;} 

.header li a:link {color:red; background-color:black;} 

.header li a:visited {color:red; background-color:black;} 

вместо этого вы должны иметь это:

.header li a:link {color:red; background-color:black;} 

.header li a:visited {color:red; background-color:black;} 

.header li a:hover {color:black; background-color:red; text-decoration:none; font-size:1.25em;} 

.header li a:active {/* your CSS styles here */} 

запомнить это:

Link, Посещал, Hover, Active
L, V, H , A
LoVe, HAte