CSS :visited pseudokласс

определение и использование

CSS :visited pseudokлассы используются для установки стилей для посещенных ссылок.

Совет:используйте :link установите стиль ссылки для не посещенной страницы, используя :hover установите стиль ссылки при наведении мыши, используя :active установите стиль ссылки при нажатии.

Внимание:Для правильной установки стилей ссылок, пожалуйста, установите :visited правила должны быть放在 :link после правила, но до :hover и :active до правила.

допустимые стили включают:

• color
• background-color
• border-color (и для каждого края border-color)
• outline color
• column-rule-color
• text-decoration-color
• text-emphasis-color
• SVG-атрибуты fill и stroke

пример

пример 1

выберите и установите стили для посещенных ссылок:

a:visited {
  color: pink;
}

попробуйте сами

пример 2

выберите и установите стили для не посещенных, посещенных, наведенных и активных ссылок:

/* не посещенная ссылка */
a:link {
  color: green;
}
/* посещенная ссылка */
a:visited {
  color: green;
}
/* ссылка при наведении мыши */
a:hover {
  color: red;
}
/* активная ссылка */
a:active {
  color: yellow;
}

попробуйте сами

пример 3

установите различные стили для ссылок:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

попробуйте сами

CSS-грамматика

:visited {
  css declarations;
}

Технические детали

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот pseudokласс.

связанные страницы

Учебник:CSS-ссылки

Учебник:CSS-пseudokлассы