Псевдоэлементы и псевдоклассы были придуманы для того, чтобы расширить возможности CSS. Чтобы записать псевдоэлемент или псевдокласс, нужно поставить после описываемого элемента двоеточие, потом записать название псевдокласса, а дальше идет определение стиля, как всегда. В этом уроке мы рассмотрим псевдоклассы ссылок. Например, вы сможете изменять цвет ссылки CSS, оформление ссылок.

link

Просто определяет стиль ссылки, которая еще не посещалась.

A:link {COLOR: 0000ff; TEXT-DECORATION: none}

visited

Определяет стиль посещенной ссылки.

A:visited {COLOR: 000099; TEXT-DECORATION: none}

active

Определяет стиль активной ссылки.

A:active {COLOR: 000099; TEXT-DECORATION: none}

hover

Определяет стиль ссылки при наведении указателя мыши.

A:hover {COLOR: 000099; TEXT-DECORATION: underline}

Если применить все эти примеры к одной ссылке, то получится такая ссылка: пример

А еще можно сделать так, чтобы ссылки в одном документе были разные. Для этого нужно воспользоваться id или class. Например:

#1:hover {COLOR: 006600; TEXT-DECORATION: underline; font-weight: bolder} #2:hover {COLOR: ff0000; TEXT-DECORATION: overline; font-style: italic}

Тогда ссылка с id=1 будет выглядеть вот так. А ссылка с id=2 вот так.