Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

:local-link

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die :local-link CSS Pseudoklasse repräsentiert einen Link zum gleichen Dokument. Daher ist ein Element, das die Quellverankerung eines Hyperlinks ist, dessen Ziel-URL mit der absoluten URL des eigenen 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

Derzeit wird dieses Feature von keinem Browser unterstützt.

Siehe auch