:any-link
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 :any-link
представляет собой элемент, который действует как исходный якорь гиперссылки, независимо от того, была ли она посещена. Другими словами, он соответствует всем элементам <a>
, <area>
, или <link>
, которые имеют атрибут href
. Таким образом, он соответствует всем элементам, которые используют :link
или :visited
.
/* Выбирает любой элемент, который будет соответствовать:link или :visited */
:any-link {
color: green;
}
Синтаксис
Пример
HTML
<a href="https://example.com">External link</a><br />
<a href="#">Internal target link</a><br />
<a>Placeholder link (won't get styled)</a>
CSS
a:any-link {
border: 1px solid blue;
color: orange;
}
/* WebKit browsers */
a:-webkit-any-link {
border: 1px solid blue;
color: orange;
}
Результат
Спецификации
Specification |
---|
Selectors Level 4 # the-any-link-pseudo |
Совместимость с браузерами
BCD tables only load in the browser