:local-link

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.

Die :local-link CSS Pseudoklasse repräsentiert einen Link zum selben Dokument. Daher ist ein Element, das der Quellanker eines Hyperlinks ist, dessen Ziel-URL absolut mit der Dokument-URL des Elements übereinstimmt.

css
/* Selects any <a> that links to the current document */
a:local-link {
  color: green;
}

Syntax

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

Beispiele

HTML

html
<a href="#target">This is a link on the current page.</a><br />
<a href="https://example.com">This is an external link</a><br />

CSS

css
a:local-link {
  color: green;
}

Ergebnis

Spezifikationen

Specification
Selectors Level 4
# local-link-pseudo

Browser-Kompatibilität

Derzeit hat kein Browser diese Funktion implementiert.

Siehe auch