:any-link 只能统一颜色类样式，font-size等交互布局属性在已访问链接上被隐私策略静默丢弃；常见失效原因包括href为空、误用<link>、低版本浏览器不支持、父级重置样式及非法伪类链式写法。
:any-link 只能统一基础颜色类样式，不能真正统一交互或布局类效果——写了 font-size、padding、transform 等属性在已访问链接上会被浏览器静默丢弃，不是你写错了，是隐私策略强制拦截。
为什么写了 :any-link 却没变色或根本没反应
最常见原因不是语法错，而是踩中硬性限制：
- href 值为空或仅含空格（
href=""或href=" "）——浏览器不认为这是有效链接，直接跳过匹配 - 误用了
<link>标签——:any-link只匹配解析后「可跳转」的a和area元素，<link>不在范围内 - 浏览器版本太低：Chrome < 89、Firefox < 84、Safari < 15.4 不支持，旧版 Safari 必须降级为
a:link, a:visited - 父级用了
all: unset或color: inherit，把:any-link的color继承链吞掉了，得显式重置（比如加color: #0d6efd !important）
:any-link:hover 为什么写了没反应
因为 :any-link:hover 是非法链式伪类，浏览器直接忽略整条规则；正确写法只有两种：
-
:any-link:hover（不带标签名，推荐） - 拆成独立规则：
a:hover、area:hover
注意：a:any-link:hover 和 a:hover:any-link 全部无效，解析失败后整条 CSS 规则被丢弃。权重上 :any-link:hover 和 a:hover 相同，若后者定义在后面，就会覆盖前者。
立即学习“前端免费学习笔记（深入）”；
哪些 CSS 属性真正在已访问链接上生效
受 :visited 隐私策略限制，只有颜色类属性能跨状态稳定起作用：
- ✅ 安全可用：
color、background-color、border-color、outline-color、text-decoration（如underline）、text-decoration-color - ❌ 白写无效：
font-size、padding、margin、opacity、transform、line-height、font-weight
比如 :any-link { font-size: 16px; color: red; }，用户看到的已访问链接只会显示红色文字，字号会回退到默认值——连 !important 都拦不住。
能不能用 document.querySelector(':any-link') 查元素
不能。:any-link 是纯 CSS 伪类，不是标准 DOM 选择器，所有以下写法都会抛 SyntaxError：
document.querySelector(':any-link')document.querySelectorAll('a:any-link')el.matches(':any-link')
若需 JS 判断某元素是否为有效链接，只能手动检查：el.tagName === 'A' && el.href && el.href.trim()。注意：href 是空字符串或纯空格时，该元素不匹配 :any-link，JS 检查也应同步排除。
真正难搞的从来不是怎么写，而是你写了之后发现部分样式“看起来没生效”——那大概率是隐私限制在后台悄悄拦截，或者继承链把你绕晕了。
