:local-link - CSS: Cascading Style Sheets 编辑

The :local-link CSS pseudo-class represents an 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

Syntax not found in DB!

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

Specifications

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

See also

• Link-related pseudo-classes: :link,:visited, :hover, :active