:any-link能解决:visited样式失效问题，因为它只判断元素是否有href属性而不区分访问状态，不受浏览器对:visited的隐私限制（如background-color等属性被禁用），可正常应用所有CSS属性。
为什么 :any-link 能解决 :visited 样式失效问题
直接写 a:visited { background-color: red; } 在 Chrome/Firefox 里根本不会生效，不是你写错了，是浏览器主动屏蔽了——出于隐私保护，:visited 只允许修改极少数属性（如 color、border-color），background-color、transform、font-size 全部被忽略。:any-link 不区分访问状态，只认“有没有 href”，所以它不受这些限制，能正常应用所有 CSS 属性。
:any-link 匹配哪些元素、哪些不算
它只匹配原生带 href 属性的 a、area、link 元素，不靠 JS 渲染、不靠框架模拟：
-
<a href=""></a>→ ✅ 触发:any-link（空href也算） -
<a href="#section"></a>→ ✅ 页面内锚点也匹配 -
<a href="https://example.com"></a>→ ✅ 正常链接 -
<router-link></router-link>或<nuxtlink></nuxtlink>→ ❌ 自定义组件不触发，它们没原生href -
<a>文本</a>（无href）→ ❌ 不匹配，哪怕有onclick
兼容性处理：Safari 15.3 及更早版本怎么办
Chrome 89+、Firefox 86+、Safari 15.4+ 原生支持 :any-link；但 Safari 15.3 及之前版本完全不认识它，会直接丢弃整条规则。不能只写 a:any-link，否则老 Safari 用户看到的是无样式的链接。
安全回退写法是用逗号分隔，让旧浏览器 fallback 到 :link 和 :visited 的组合：
立即学习“前端免费学习笔记（深入）”；
a:link, a:visited, a:any-link {
color: #0066cc;
text-decoration: underline;
}
注意：:link 和 :visited 仍要按 LVHA 顺序后续定义 hover/active，避免覆盖；:any-link 放最后不影响优先级，只起增强作用。
:any-link 和 :link 行为差异的关键细节
别以为 :any-link 就是 :link + :visited 的简单合并，它们在语义和匹配逻辑上有实质区别：
-
:link要求href是“有效 URL”（非空、非纯片段），href=""或href="#"不触发:link，但会触发:any-link -
:visited只对真实跳转并记录到浏览器历史的链接生效；#section锚点即使点击过，也不会进入:visited状态，但始终属于:any-link -
:any-link不触发重排重绘，性能开销和普通类名一样低，可放心用于大量链接列表
真正容易被忽略的是：如果你依赖 :visited 的“已访问”语义做业务逻辑（比如标记文档阅读进度），:any-link 无法替代它——它只是样式层的统一方案，不是状态判断工具。
