Псевдокласс CSS `:local-link`

:local-link — это CSS-псевдокласс, обозначающий ссылку на тот же документ. Он соответствует элементу, являющемуся исходным якорем гиперссылки, абсолютный URL цели которой совпадает с URL документа самого элемента.

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

Синтаксис

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

Результат

Спецификации

Совместимость с браузерами

В настоящее время ни один браузер не поддерживает эту функцию.

См. также

• Псевдоклассы, связанные со ссылками: :link, :visited, :hover, :active, :any-link
• Модуль селекторов CSS