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

Результат

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

Спецификация
Селекторы Уровень 4 # local-link-pseudo

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

См. также

Псевдоклассы, связанные со ссылками: :link, :visited, :hover, :active, :any-link

© 2005–2024 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