:visited
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Описание
CSS псевдокласс :visited
позволяет вам выбирать ссылки, которые были посещены. Этот стиль может переопределяться другими относящимися к ссылкам псевдоклассами, такими как :link
, :hover
и :active
, появляющимися в соответствующем порядке. Чтобы стилизировать ссылки должным образом, вставьте правило :visited
после правила :link
до правил :hover
и :active
, как определено LVHA-порядком: :link
— :visited
— :hover
— :active
.
Примечание: Из-за причин приватности, браузеры строго ограничивают стили, которые вы можете применить к элементу, используя этот псевдокласс: только color
, background-color
, border-color
, border-bottom-color
, border-left-color
, border-right-color
, border-top-color
, outline-color
, column-rule-color
, fill
и stroke
. Компонент альфа-канала в доступных стилях будет игнорироваться. Вместо него будет использоваться альфа-канал, используемый для непосещённых ссылок. Если в цвете альфа-канала для посещённых ссылок задан 0
, то в этом случае будет использоваться цвет непосещённых ссылок.Несмотря на то, что цвет может меняться, метод getComputedStyle
наврёт и всегда будет давать значение цвета непосещённых ссылок.Для дополнительной информации об ограничениях и их причин, смотрите Приватность и селектор :visited.
Примеры
a:visited {
color: #4b2f89;
}
a:visited {
background-color: white;
}
Спецификации
Specification |
---|
HTML Standard # selector-visited |
Selectors Level 4 # link |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
- Приватность и селектор :visited
- Относящиеся к ссылкам псевдоклассы:
:link
,:active
и:hover
.