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 zu demselben Dokument. Daher ist ein Element die Quell-Anker eines Hyperlinks, dessen absolutes URL-Ziel der Dokument-URL des Elements entspricht.

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 unterstützen keine Browser diese Funktion.

Siehe auch