此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
: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> |
浏览器兼容性
目前,没有任何浏览器支持此特性。