:any-link只能统一color等颜色类样式，font-size、padding等布局属性在已访问链接上被隐私策略静默丢弃；失效主因是href为空、误用、浏览器版本低（chrome
能统一设置颜色类样式，但别指望它让已访问链接也变字号、加 padding 或动效——浏览器会静默丢弃这些属性。
为什么写了 :any-link 却没变色？
最常见原因不是语法错，而是 href 值无效或环境不满足硬性条件：
-
href为空字符串（href=""）或仅含空格（href=" "）——浏览器直接跳过匹配 - 误对
<link>标签使用：:any-link只作用于解析后「可跳转」的a和area元素，<link>不在范围内 - 浏览器版本太低：Chrome a:link, a:visited
- 父级用了
all: unset或color: inherit，把继承链吞掉了，得显式重置（比如加color: #0d6efd !important）
:any-link:hover 为什么不生效？
因为 a:any-link:hover 和 a:hover:any-link 都是非法链式伪类，整条 CSS 规则会被浏览器静默丢弃。
- 正确写法只有两种：
:any-link:hover（推荐，不带标签名）或拆成独立规则a:hover、area:hover - 权重上
:any-link:hover和a:hover相同；若后者定义在后面，就会覆盖前者 - 别写
a:any-link:hover——这不是优先级问题，是语法错误，直接失效
哪些 CSS 属性真正在已访问链接上生效？
受 :visited 隐私策略限制，:any-link 中涉及布局、尺寸、可见性的属性，在已访问链接上一律被浏览器强制拦截，不是你写错了。
- ✅ 安全可用：
color、background-color、border-color、outline-color、text-decoration、text-decoration-color - ❌ 白写无效：
font-size、padding、margin、transform、opacity、font-weight、line-height - 例如：
:any-link { font-size: 16px; color: red; }，用户看到的已访问链接只有红色文字，字号会回退到默认值——连!important都拦不住
能不能用 JS 查 :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 检查也应同步排除。
真正难搞的从来不是怎么写，而是你写了之后发现部分样式“看起来没生效”——大概率是隐私策略在后台悄悄拦截，或者继承链把你绕晕了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
