CSS ссылки

Цикл статей «CSS учебник».

Следующая статья — «CSS списки».
Предыдущая статья — «CSS шрифт».

Псевдоклассы в CSS позволяют задавать свойства, которые будут применяться при выполнении определённых условий. В этой статье описываются псевдоклассы для ссылок.

Псевдокласс добавляется к селектору элемента, отделяясь от него символом «:».

Четыре псевдокласса для ссылок:

  • link  (НЕпосещённая ссылка)
  • visited  (посещённая ссылка)
  • active  (активная ссылка)
  • hover  (курсор мыши навис над ссылкой)

Имеет смысл hover  и active  описывать в конце, чтобы их свойства не перекрывались правилами из link  и visited.

Пример:

Посмотреть результат. Обратите внимание на цвет фона ссылок при наведении и клике, а также на цвет посещённых ссылок.

Цикл статей «CSS учебник».

Следующая статья — «CSS списки».
Предыдущая статья — «CSS шрифт».

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *