:hover не применяется к элементу с классом [дубликат] ⇐ Html

[Anonymous]

Я оформил элемент a следующим образом

Код: Выделить всё

a:link    { color: #458dff; }
a:visited { color: #4548ff; }
a:hover   { color: #ffa100; }

У меня есть другой стиль для элемента a, хотя он имеет класс navLink

Код: Выделить всё

.navLink a:link    { color: #458dff; }
.navLink a:visited { color: red; }
.navLink a:hover   { color: #ffa100; }

однако в следующем HTML-коде элементы с классами navLink не используют красный цвет, как я ожидал (после посещения ссылки)

Код: Выделить всё

[url=/link]link[/url]

вместо этого используются первые стили a (

Код: Выделить всё

#4548ff

) и никогда не использует набор стилей navLink.
Как мне заставить элементы с классом navLink использовать нужный мне стиль?

Подробнее здесь: https://stackoverflow.com/questions/799 ... th-a-class