:any-link比:link更可靠，因其仅需href属性存在且非空即匹配，不依赖URL解析与访问状态判断，故能覆盖javascript:void(0)等伪链接，而:link要求合法可跳转URL。
:any-link 能匹配所有带 href 属性的 <a> 元素，无论是否已访问过——它不依赖 :link 和 :visited 的历史状态判断逻辑，只看 DOM 中是否存在有效 href。
为什么 :any-link 比 :link 更可靠？
浏览器对 :link 的匹配有严格限制：只有 href 值能被解析为合法 URL（且协议非空）时才生效；而 :any-link 只要属性存在且非空就匹配，更贴近开发者直觉。
-
<a href="javascript:void(0)">点击</a>→:any-link匹配，:link不匹配 -
<a href="#section">锚点</a>→ 两者都匹配 -
<a href="">空 href</a>→ 两者都不匹配（空字符串被忽略） -
<a href=" /page">带空格</a>→:any-link匹配（属性存在），:link可能不匹配（解析失败）
:any-link 的兼容性与 fallback 方案
Chrome 65+、Firefox 57+、Safari 15.4+ 支持；Edge 79+（Chromium 内核）可用。IE 完全不支持，且无 polyfill。
- 若需兼容旧版 Safari（a[href] 替代 —— 行为高度接近，但无法区分“有 href”和“有 href 且可跳转”
- 避免混用：
a:any-link, a[href]会导致旧浏览器解析失败（选择器整体失效） - 真正需要区分已访问/未访问时，仍得用
:link/:visited，:any-link不替代它们
实际样式中容易踩的坑
伪类优先级与继承行为常被低估，尤其在组件化场景下。
立即学习“前端免费学习笔记（深入）”；
- 如果父元素设了
color: gray，而a:any-link { color: blue; }没加!important，可能被覆盖 -
:any-link不触发 :visited 的隐私限制，所以可安全设置background、padding等属性，但不能读取:visited的颜色值 - Vue/React 中动态渲染
<a>时，若href是空字符串或null，DOM 属性不出现，:any-link自然不匹配 —— 注意模板中是否写了v-bind:href="url || undefined"
真正要注意的是：它只认属性存在性，不校验 URL 合法性；用错场景（比如想标记“可点击”却忘了 href 是空字符串）比兼容性问题更常见。
