超链接样式

Question

我正在尝试设置超链接样式：一些必须是白色的，而另一些必须是正常颜色。这就是我所拥有的：

<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;
}

普通链接工作正常。但是当我使用class=normal时，链接仍为白色。为什么普通链接优先？

Answer 1

尝试像这样定义类法线：

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