现代浏览器限制 :visited 伪类仅支持 color 等少数颜色相关属性，禁用 font-weight、display、transform 等非颜色属性；正确做法是按 link→visited→hover→active 顺序设置 color，并用开发者工具验证生效情况。
链接访问后颜色不对，通常是因为浏览器对 :visited 伪类的样式限制变严格了——现代浏览器（Chrome、Firefox、Edge 等）出于隐私保护考虑，只允许为 :visited 设置有限的 CSS 属性，比如 color、background-color、border-color、outline-color 和少数几个与颜色相关的属性（如 fill、stroke），但不允许修改尺寸、位置、字体、阴影、过渡动画等。
为什么改了 :visited 却没效果？
常见无效写法（会被浏览器忽略）：
-
a:visited { font-weight: bold; }→ 不生效（非颜色类属性） -
a:visited { display: none; }→ 不生效（布局类属性） -
a:visited { transform: scale(1.1); }→ 不生效（变换类） -
a:visited { transition: color 0.3s; }→ transition 本身不生效，但 color 变化仍可触发（需配合 hover 等）
正确设置已访问链接颜色的方法
确保只用允许的属性，并注意层叠顺序：
- 按标准顺序定义链接状态：
a:link→a:visited→a:hover→a:active - 给
a:visited设置明确的color，例如：a:visited { color: #666; } - 如果用了
!important，确认没有被更高优先级规则覆盖（如内联样式或更具体的选择器） - 检查是否误用了伪元素（如
::before）或写错选择器（如a visited缺少冒号）
兼容性与调试小技巧
快速验证是否生效：
立即学习“前端免费学习笔记（深入）”；
- 先点击一个链接让它变成“已访问”状态
- 打开开发者工具（F12），选中该链接，在 Styles 面板里搜索
:visited，看对应样式是否被划掉（表示被禁用）或正常显示 - 尝试在控制台临时执行
getComputedStyle(document.querySelector('a')).color查看实际计算值 - 注意：本地文件（file:// 协议）下部分浏览器可能限制 :visited 行为，建议用本地服务器（如 Live Server）测试
基本上就这些。只要用对属性、写对顺序、避开隐私限制，:visited 的颜色就能稳稳生效。
