:any-link能统一设置链接基础样式，但仅color等颜色类属性跨状态生效；失效主因是href为空、误选link元素、浏览器不支持（需chrome 89+/firefox 84+/safari 15.4+）、继承覆盖或伪类链式写法错误。
:any-link 能统一设置已访问和未访问链接的基础样式，但只对 color、background-color、border-color 等颜色类属性真正生效；font-size、padding、transform 等会被浏览器静默丢弃。
为什么 :any-link 写了却没变色或没反应
常见失效不是语法错，而是踩中这几个硬性限制：
-
href值为空或纯空格（如href=""或href=" "）——浏览器不认为这是有效链接，直接跳过匹配 - 误选了
<link>元素——:any-link只匹配解析后「可跳转」的a和area，<link>默认不渲染、也不在选择范围内 - 在 Chrome 88、Firefox 83 或 Safari 15.3 及更早版本中使用——必须 Chrome 89+ / Firefox 84+ / Safari 15.4+ 才支持
- 父级用了
all: unset或color: inherit，导致:any-link的color被继承链吞掉，必须显式重置（例如加color: #0d6efd !important）
:any-link 和 a:link, a:visited 显式组合的区别
表面上 a:any-link ≈ a:link, a:visited，但行为差异很实在：
- 样式统一容易，状态分离难：用
a:any-link { color: #007bff; }可一键覆盖所有链接文字色；但若想未访问时蓝色、已访问时紫色，就必须拆成a:link { color: blue; }和a:visited { color: purple; } - 伪类链式无效：
a:any-link:hover是非法写法，整条规则会被浏览器丢弃；正确写法是:any-link:hover（不带标签名） - 优先级相同但易被覆盖：
:any-link:hover和a:hover权重一样，如果后者定义在后面，就会把前者样式盖掉
哪些 CSS 属性在 :any-link 中真正跨状态生效
受 :visited 隐私策略约束，浏览器强制限制：只有颜色类属性能在已访问链接上保留效果，其余一律静默丢弃。
- ✅ 真正能跨状态生效的：
color、background-color、border-color、outline-color、text-decoration-color、text-decoration（如underline） - ❌ 已访问链接上会回退默认值的：
font-size、padding、margin、opacity、transform、font-weight、line-height - ⚠️ 注意：
transition可以写，但只对“能生效的属性”起作用；比如transition: font-size 0.2s在已访问链接上不会动
真正容易被忽略的是：哪怕你写了 :any-link { padding: 4px; color: red; }，用户看到的已访问链接也只会显示 color: red，padding 会被浏览器悄悄抹掉——这不是 bug，是隐私保护机制，绕不开。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
