:any-link只匹配带非空href属性且可跳转的元素，不支持等标签，旧版浏览器需用:link,:visited显式组合，且无法用于queryselector。
为什么 :any-link 不生效，明明写了却没反应
它只匹配有 href 属性的 <a></a> 元素，不是所有带 href 的标签都算“链接”——比如 <link>、<area> 不在范围内，<a href=""></a>（空值）也不触发。浏览器只认「实际可跳转」的 <a></a>，且必须是 HTML 解析后的有效链接。
-
:any-link等价于:is(:link, :visited)，但不支持伪类链式写法，比如a:any-link:hover是无效的 - Chrome 89+、Firefox 84+、Safari 15.4+ 才支持；旧版 Safari 用
:link, :visited显式并列更稳妥 - 不能用于 JS 的
querySelector，因为这不是标准选择器——document.querySelector(':any-link')会报错
:any-link 和 :link + :visited 手动合并的区别
手动写 a:link, a:visited 更可控，而 :any-link 是语义化捷径，但代价是失去对状态的独立控制。比如你想让未访问链接蓝色、已访问紫色、统一对 hover 加下划线，用 :any-link:hover 就行；但若想 hover 时未访问变深蓝、已访问变暗紫，就必须拆开写。
-
:any-link无法单独设置:link或:visited特有样式（如color值），因为浏览器出于隐私限制，:visited能改的 CSS 属性极少 - 使用
:any-link时，color、background-color、border-color等会被统一应用，但:visited实际生效的只有其中一部分 - 如果项目需兼容 IE 或老安卓 WebView，必须避免
:any-link，改用显式组合
用 :any-link 统一处理链接交互时的常见翻车点
最常被忽略的是继承和层叠顺序：它本身优先级和 :link 相同，但一旦你写了 a:hover，它就会覆盖 :any-link:hover，因为 a:hover 选择器权重更高。
- 别写
a:any-link——多余且无效，:any-link已隐含元素类型约束，加标签名反而可能因 specificity 变高导致意外覆盖 - 如果页面里有
<a href="javascript:void(0)"></a>，它仍会被:any-link匹配（只要href存在且非空），但用户无法右键“另存为”或“复制链接”，这种“假链接”建议用role="button"+tabindex替代 - SSR 或动态插入的链接，若 DOM 插入时
href是空字符串或undefined，之后 JS 补上值，:any-link不会回溯重匹配——得靠 class 切换或强制重绘
要不要现在就用 :any-link
如果你的目标浏览器明确支持，且只需要统一基础样式（比如统一去下划线、加过渡、设字体粗细），它很干净；但凡涉及状态差异、复杂交互、或需要精确控制 :visited 行为，就别贪这一行语法糖。
立即学习“前端免费学习笔记（深入）”；
真正容易被忽略的是：它解决不了跨域 :visited 隐私限制带来的样式一致性问题——哪怕用了 :any-link，浏览器依然会悄悄压制某些属性，让已访问链接看起来和未访问一样。这点没法绕开。
