CSS-Pseudoklasse :local-link
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die CSS-Pseudoklasse :local-link repräsentiert einen Link zum selben Dokument. Sie trifft auf ein Element zu, das als Ausgangsanker eines Hyperlinks dient, dessen absolute Ziel-URL mit der URL des Dokuments übereinstimmt, zu dem das Element gehört.
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
| Spezifikation |
|---|
| Selectors Level 5 # local-link-pseudo |
Browser-Kompatibilität
Derzeit unterstützt kein Browser diese Funktion.