Псевдоклассы

[The_Immortal]

Всех приветствую!

Начал изучать HTML и сразу же возник вопрос по поводу псевдоклассов.

Вот что в CSS'е:

a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; font-size:18pt; font-family:tahoma, arial; padding:5px 0 0 20px;}  

a.menu_tip1:link { text-decoration:none; color:#848484;}
a.menu_tip1:visited { text-decoration:none; color:#848484;}  
a.menu_tip1:hover { text-shadow:0 0 1px #ff0; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;}  
a.menu_tip1:active { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;}

Когда навожу мышь на ссылку, срабатывает a.menu_tip1:hover - как и должно быть. Далее зажимаю левую кнопку мышки и отщелкиваю уже в другом месте, т.е. не над ссылкой - происходит a.menu_tip1:active. И после этого он почему-то остается... И теперь, если наводить мышь на эту ссылку, то hover уже не срабатывает.

Почему так?

Также пробовал другие варианты расстановки этих псевдоклассов, например:

:visited
:hover
:active
:link

- но ничего не изменилось.

Спасибо!

[npofopr]

Что то у меня ничего не остается.

Где смотрите?

[Николя223]

разработчики вашего браузера на русских не рассчитывали

[The_Immortal]

npofopr,

Что то у меня ничего не остается.

Где смотрите?

FireFox 16.0.2. А при каком распорядке этих псевдоклассов смотрите и в каком браузере?

Лучше наглядно показать: http://jsfiddle.net/The_Immortal/YXuxD/ - при наведении фиолетовая подсветка, а при щелчке - черная.

Теперь проделайте следующее: наведите курсор на ссылку (она подсветится фиолетовым), потом зажмите левую кнопку мышки на ссылке (она подсветится черным), далее отщелкните ее в путом месте. Ссылка остается подсвечиваться черным. И если сейчас на нее навести курсор, то она также останется с черной подсветкой, хотя должна быть с фиолетовой.

Edited November 25, 2012 by The_Immortal

[The_Immortal]

Дык все-таки, ребят, как это пофиксить? Некрасиво же, да и нелогично.

[Alex Shnayder]

Это стандартное поведение FF и IE. На первый взгляд, фиксится заменой :active на :active:hover.