--- title: ':any-link' slug: 'Web/CSS/:any-link' tags: - ':any-link' - CSS - Web - Вёрстка - Гиперссылки - Справка - Ссылки - Экспериментальное - псевдокласс - селектор translation_of: 'Web/CSS/:any-link' ---
{{CSSRef}} {{SeeCompatTable}}

Селектор псевдокласса CSS :any-link представляет собой элемент, который действует как исходный якорь гиперссылки, независимо от того, была ли она посещена. Другими словами, он соответствует всем элементам {{HTMLElement("a")}}, {{HTMLElement("area")}}, или {{HTMLElement("link")}}, которые имеют атрибут href. Таким образом, он соответствует всем элементам, которые используют {{cssxref(":link")}} или {{cssxref(":visited")}}.

/* Выбирает любой элемент, который будет соответствовать:link или :visited */
:any-link {
  color: green;
}

Синтаксис

{{csssyntax}}

Пример

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;
}

Результат

{{EmbedLiveSample('Пример')}}

Спецификации

Спецификация Статус Комментарий
{{SpecName("CSS4 Selectors", "#the-any-link-pseudo", ":any-link")}} {{Spec2('CSS4 Selectors')}} Первое определение.

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

{{Compat("css.selectors.any-link")}}

Смотрите также