css pseudo class

`:local-link` CSS pseudo-class

Limited availability

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.

/* Selects any <a> that links to the current document */
a:local-link {
  color: green;
}

Syntax

:local-link {
  /* ... */
}

Examples

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;
}

Result

Interactive exampleOpen the canonical MDN source to run this embedded demo.

Specifications

SpecificationsStandards references are available on the canonical MDN page.

Browser compatibility

Currently, no browsers support this feature.