:local-link

Die :local-link CSS Pseudoklasse stellt einen Link zum gleichen Dokument dar. Daher ist ein Element, das die Quell-Anker eines Hyperlinks ist, dessen Ziel-URL mit der absoluten URL des Dokuments 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

Dieses Feature ist ein Vorschlag, der in die Spezifikation integriert ist. Derzeit wird es von keinem Browser unterstützt.

Siehe auch