此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

:local-link

实验性: 这是一项实验性技术
在将其用于生产之前,请仔细检查浏览器兼容性表格

CSS 伪类 :local-link 表示一个指向同一文档的链接。因此,当某个超链接的目标绝对 URL 与其自身所在文档的 URL 相匹配时,该超链接的源锚点元素就会匹配这个伪类。

css
/* 选择任何指向当前文档的 <a> 元素 */
a:local-link {
  color: green;
}

语法

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

示例

HTML

html
<a href="#target">这是当前页面上的一个链接。</a><br />
<a href="https://example.com">这是一个外部链接</a><br />

CSS

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

结果

规范

Specification
Selectors Level 4
# local-link-pseudo

浏览器兼容性

目前,没有任何浏览器支持此特性。

参见