:local-link
The:local-link
CSSpseudo-classrepresents a link to the same document. Therefore an element that is the source anchor of a hyperlink whose target's absolute URL matches the element's own document URL.
css
/* Selects any <a> that links to the current document */
a:local-link {
color: green;
}
Syntax
css
:local-link {
/*... */
}
Examples
HTML
html
<a href= "#target" >This is a link on the current page.</a><br />
<a href= "https://example" >This is an external link</a><br />
CSS
css
a:local-link {
color: green;
}
Result
Specifications
Specification |
---|
Selectors Level 4 #local-link-pseudo |
Browser compatibility
This feature is a proposal integrated into the specification. Currently, no browser supports it.