стиль гиперссылки

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

попробуйте определить класс normal следующим образом:

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