现代浏览器限制 :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），但不允许修改尺寸、位置、字体、阴影、过渡动画等。
常见无效写法（会被浏览器忽略）：
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 缺少冒号）快速验证是否生效：
立即学习“前端免费学习笔记（深入）”；
:visited，看对应样式是否被划掉（表示被禁用）或正常显示getComputedStyle(document.querySelector('a')).color 查看实际计算值基本上就这些。只要用对属性、写对顺序、避开隐私限制，:visited 的颜色就能稳稳生效。
以上就是css链接访问后颜色不对怎么办_使用:visited伪类单独设置样式的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
378
收藏
