:local-link

:local-link CSS 伪类表示指向同一文档的链接。因此,一个元素是超链接的源锚点,其目标的绝对 URL 与元素自身文档的 URL 匹配。

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

语法

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

示例

HTML

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

css
a:local-link {
  color: green;
}

结果

规范

规范
选择器级别 4
# local-link-pseudo

浏览器兼容性

此功能是集成到规范中的提案。目前,没有浏览器支持它。

另请参阅