本地链接伪类

注意：这个选择器已经从 W3C 草案中移除

这个伪类叫做本地链接伪类，它只选择网站内部的链接。如果传入一个正数给这个选择器，它可以选择链接对分割深度。这些路径是由正斜线（/）分割，但除了协议，用户名，密码，端口，查询字符串以及 URL 的碎片部分。

语法

:local-link {
    /* declarations */
}

:local-link(n) {
    /* declarations */
}

示例

/* 匹配 http://example.com/ link(s) */
:local-link(0) {
    color: red;
}

/* 匹配 http://example.com/year/ link(s) */
:local-link(1) {
    color: red;
}

/* 匹配 http://example.com/year/month/ link(s) */
:local-link(2) {
    color: red;
}

第一个例子只选择主域名链接，你能给它设置不同的样式，第二个选择器只匹配第一层深度，第三个例子匹配第二层深度。

浏览器支持情况

http://css4.rocks/selectors-level-4/local-link-pseudo-class.php

参考资料

许可协议：署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
本文链接：https://tanglj.cn/2017/03/13/css4-local-link-pseudo-class/