: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.

Der :any-link CSS-Pseudoklassen-Selektor repräsentiert ein Element, das als Quellanker eines Hyperlinks fungiert, unabhängig davon, ob es besucht wurde. Mit anderen Worten: Er passt zu jedem <a>- oder <area>-Element, das ein href-Attribut besitzt. Somit entspricht er allen Elementen, die :link oder :visited entsprechen.

Probieren Sie es aus

Syntax

css
:any-link {
  /* ... */
}

Beispiele

HTML

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

css
a:any-link {
  border: 1px solid blue;
  color: orange;
}

/* WebKit browsers */
a:-webkit-any-link {
  border: 1px solid blue;
  color: orange;
}

Ergebnis

Spezifikationen

Specification
Selectors Level 4
# the-any-link-pseudo

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch