:hover

Поддержка браузеров

IE Opera Chrome Firefox Safari
в IE6 :hover работает только для ссылок + + + +

Пример

Определяем цвет ссылок:

a:link {color:#FF0000}      /* unvisited link */
  	a:visited {color:#00FF00}  /* visited link */
  	a:hover {color:#FF00FF}  /* mouse over link */
  	a:active {color:#0000FF}  /* selected link */

Описание и использование

Псевдокласс :hover добавляет стиль к элементу при наведенной мышкой.

Примечание: a:hover должно находиться после a:link и a:visited в таблице стилей.

Примечание: a:active должно находиться после a:hover в таблице стилей.

Псевдоклассы также могут быть объдинены с классами CSS. Например,

a.red:visited {color:#FF0000}          
CSS Syntax

Если по ссылке выше перейдут, тогда ссылка станет красной.

^ Наверх ^