Псевдокласс :hover

Псевдокласс hover позволяет определить для элемента альтернативный стиль. Этот стиль будет использоваться при проносе какого-либо указывающего устройства (например, мышки) над элементом. Браузеры, не поддерживающие interactive media, могут игнорировать данный псевдокласс. Браузеры, поддерживающие interactive media, могут не изменять те свойства элемента, которые могут привести к изменению разметки. В частности к этим свойствам относятся font-size, width и height.

Спецификация CSS не определяет элементы, к которым применим псевдокласс hover. Спецификация CSS так же не определяет алгоритм переключения элемента между состояниями, в которых псевдокласс hover применим или не применим к элементу.

Если для элементы определен псевдокласс link или visited, то псевдокласс hover должен располагаться после определений этих псевдоклассов, так как в противном случае объявления псевдоклассов link и visited могут перекрыть объявление псевдокласса hover. Так в следующем примере объявление псевдокласса hover следует после объявления всевдоклассов link и visited и, как следствие, при наведении на гипперссылку (тег a), объявление псевдокласса hover будет перекрывать определения псевдоклассов link и visited:

a:visited {color:black}
a:link    {color:blue}
a:hover   {color:red}