Для управления видом различных ссылок в CSS используются псевдоклассы, которые указываются после селектора a
через двоеточие. В таблцице приведены допустимые псевдоклассы и их описания.
Псевдоклассы при работе со ссылками
Свойство | Описание |
---|---|
a:link |
Определяет стиль для обычной непосещенной ссылки |
a:visited |
Определяет стиль для посещенной ссылки |
a:active |
Определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее. |
a:hover |
Определяет стиль для ссылки при наведении на нее мышью |
Обычно использование псевдокласса link
имеет тот же эффект, что и применение стиля к селектору a
. Поэтому этот псевдокласс можно опустить.
Одно из наиболее популярных применений CSS к ссылкам убирать подчеркивание и менять свой цвет при наведении курсора. С позиции юзабилити неактивная ссылка должна быть подчеркнута, в противном случае пользователь может не сразу догадаться, что текст, который он видит, является ссылкой.