Hyperlink Styling

Question

Ich versuche, Hyperlinks zu stylen: einige müssen weiß sein, und einige andere müssen normale Farbe sein. Hier ist, was ich habe:

<a href="http://www.mysite.com/register.php" class="normal">Register</a> 

a:link { 
    color:#FFF; 
    text-decoration:none; 
} 
a:hover { 
    color:#FFF; 
    text-decoration:underline; 
} 
a:visited { 
    color:#FFF; 
    text-decoration:none; 
} 
a:active { 
    color:#FFF; 
    text-decoration:none; 
} 

.normal a:hover{ 
    color:#00F; 
} 
.normal a:link{ 
    color:#00F; 
} 
.normal a:visited{ 
    color:#00F; 
} 
.normal a:active{ 
    color:#00F; 
} 

Die normalen Links funktionieren gut. Aber wenn ich den class=normal benutze, ist der Link immer noch weiß. Warum haben die normalen Links Vorrang?

Answer 1

versuchen, die Klasse Normal wie folgt definieren:

a.normal:hover 
{ 
    color:#00F; 
} 
a.normal:link 
{ 
    color:#00F; 
} 
a.normal:visited 
{ 
    color:#00F; 
} 
a.normal:active 
{ 
    color:#00F; 
}