已访问链接颜色不变通常因:visited伪类设置不当或浏览器安全限制。需按LVHA顺序（:link、:visited、:hover、:active）定义样式，仅可修改color、background-color等有限属性，且链接须真实访问、非隐私模式、协议一致，避免内联样式或高优先级规则覆盖。
点击过的链接颜色没有变化，通常是因为 :visited 伪类未正确设置或受到浏览器安全限制。要让访问后的链接显示不同颜色，需要正确使用 CSS 的 :visited 伪类。
确保正确使用 :visited 伪类
在 CSS 中，:visited 用于定义用户已访问过的链接样式。必须将其写在 :link 和 :hover 之后，否则可能被覆盖。
推荐的顺序（LVHA原则）：- a:link —— 未访问的链接
- a:visited —— 已访问的链接
- a:hover —— 鼠标悬停时
- a:active —— 正在点击时
示例代码：
a:link {
color: blue;
}
a:visited {
color: purple;
}
a:hover {
color: red;
}
a:active {
color: green;
}
注意浏览器的安全限制
出于隐私保护，现代浏览器对 :visited 可设置的样式做了限制。你只能修改以下属性：
立即学习“前端免费学习笔记（深入）”；
- color
- background-color
- border-color（边框颜色，不能改宽度或样式）
- outline-color
- 以及对应的 column-rule-color
不能通过 :visited 修改字体、边距、背景图、透明度（opacity）等。如果尝试设置这些，样式将被忽略。
检查链接是否真实访问过
本地测试时，如果只是点击预览，浏览器可能不会记录为“已访问”。请确认：
- 链接确实已打开并加载完成
- 不是在无痕/隐私模式下测试
- 链接协议一致（http 与 https 被视为不同站点）
- 清除缓存后重新访问测试
避免内联样式或其他规则覆盖
检查 HTML 中是否使用了 style="color:..." 内联样式，这会优先于外部 CSS。同时查看是否有其他更具体的 CSS 规则覆盖了 a:visited 的颜色。
可临时添加 !important 测试是否生效（仅用于排查）：
a:visited {
color: purple !important;
}
若此时颜色生效，说明是选择器优先级问题，应优化 CSS 结构而非长期使用 !important。
基本上就这些。只要顺序正确、样式在允许范围内，并且链接确实被访问过，:visited 颜色就会正常显示。不复杂但容易忽略细节。
