答案:通过a:link和a:visited设置链接颜色,推荐按LVHA顺序定义样式。具体为:a:link { color: blue; } 设置未访问链接颜色,a:visited { color: purple; } 设置已访问链接颜色,同时建议按 a:link、a:visited、a:hover、a:active 顺序书写以避免覆盖,现代浏览器支持基本颜色修改但限制部分样式以保护隐私。

要通过CSS改变链接(a:link)和已访问链接(a:visited)的颜色,只需在样式表中定义对应伪类的 color 属性即可。下面是如何操作的具体方法。
设置未访问链接颜色
使用 a:link 选择器来定义用户尚未点击过的链接颜色。
- a:link {
- color: blue;
- }
设置已访问链接颜色
使用 a:visited 选择器来修改用户已经点击过的链接显示的颜色。
- a:visited {
- color: purple;
- }
同时定义多种状态时的顺序建议
如果你还设置了:hover或:active等其他状态,推荐按LVHA顺序书写,避免样式被覆盖:
立即学习“前端免费学习笔记(深入)”;
- a:link { color: blue; }
- a:visited { color: purple; }
- a:hover { color: red; }
- a:active { color: green; }
基本上就这些。只要在CSS中正确使用 a:link 和 a:visited,就能轻松控制链接在不同状态下的文字颜色。注意现代浏览器出于隐私保护限制,对 a:visited 可设置的样式有一定约束,比如不能获取真实颜色或修改某些边框属性,但基本的文字颜色更改是支持的。










