The :local-link CSS pseudo-class represents 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;
}
css
:local-link {
/* ... */
}
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
a:local-link {
color: green;
}
| Specification |
|---|
| Selectors Level 4 # local-link-pseudo |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/:local-link