此页面由社区从英文翻译而来。了解更多并加入 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

浏览器兼容性

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

参见