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