浏览器严格限制:visited样式是为了防止历史嗅探攻击，仅允许color、background-color、border-color等少数颜色属性，禁用display、transform、opacity等所有可能被用于探测用户历史的非颜色属性。
为什么 :visited 样式被浏览器严格限制
现代浏览器（Chrome、Firefox、Safari）主动限制 :visited 可设置的 CSS 属性，根本原因是防止通过样式探测用户历史访问记录——攻击者曾利用 getComputedStyle() 读取 color 或 background-color 的计算值，反推某链接是否被访问过，从而泄露隐私。
目前仅允许设置以下属性：color、background-color、border-color（含各方向）、outline-color、column-rule-color、fill 和 stroke。其他如 display、font-size、visibility、transition 等一概忽略，且不会触发重排或重绘。
:visited 里不能用 opacity 或 transform 的真实原因
这些属性虽不直接暴露 URL，但会间接影响布局或渲染状态，可能被用于时序侧信道攻击（例如测量元素渲染耗时差异）。浏览器选择“一刀切”禁用所有非颜色类视觉属性，是权衡安全与功能的结果。
-
opacity: 0.5在:visited中完全无效，元素仍按默认不透明度渲染 -
transform: scale(1.1)不会生效，也不会报错，只是静默丢弃 - 试图用
transition: color 0.3s是允许的，但只能作用于颜色变化；加transition: all则整个声明会被忽略
真正可用的 :visited 样式写法示例
只能靠颜色差异做区分，且建议使用足够明显的色差，避免因色盲或低对比度导致不可见。
立即学习“前端免费学习笔记（深入）”；
a {
color: #0066cc;
}
a:visited {
color: #666;
background-color: #f9f9f9;
border-bottom: 1px dashed #ccc;
}
注意三点：
- 不要依赖
background-color单独起效——如果父容器已有背景，它可能被遮盖；搭配border或文字色变化更可靠 -
:visited必须写在:link和:hover之后，否则会被覆盖（CSS 伪类顺序：:link→:visited→:hover→:active） - SVG 中的
<a></a>元素也支持:visited，但只对fill和stroke生效，且需确保链接有href属性
调试 :visited 样式时的常见误判
开发者常以为样式没生效，其实是浏览器策略导致的“预期外静默”。遇到问题先确认：
- 链接是否已真实访问过？新开无痕窗口后首次点击不会触发
:visited，必须关闭再重开或手动在地址栏输入目标 URL 并回车 - 是否用了 HTTPS？HTTP 页面中某些浏览器对跨协议访问的链接不记录
:visited状态 - 是否在本地
file://协议下测试？多数浏览器完全禁用该协议下的:visited，需起本地服务（如python3 -m http.server） - 检查 DevTools 中 computed 样式面板——
:visited规则即使写了，也不会出现在 “Styles” 面板的匹配规则里，但“Computed”中能看到最终生效的颜色值
隐私保护不是功能缺陷，而是设计约束。能用颜色区分已访问链接已是底线能力，别指望它承担导航状态管理这类任务——那该交给 JavaScript + sessionStorage 或路由库来处理。
