link与visited伪类可分别定义未访问和已访问链接样式，a:link设置未点击链接为蓝色，a:visited设置已访问链接为紫色，两者需按正确顺序书写以确保样式生效。
在网页设计中，超链接的样式控制是基础但关键的部分。通过CSS中的伪类，我们可以分别定义链接在不同状态下的外观。最常见的两个状态是 link（未访问）和 visited（已访问）。合理使用这两个伪类，能让用户更清楚地识别哪些链接已经点击过。
link 与 visited 伪类的基本语法
CSS 提供了两个专门用于控制超链接状态的伪类：
- a:link —— 定义用户从未点击过的链接样式
- a:visited —— 定义用户已经访问过的链接样式
使用时直接在 a 标签选择器后添加冒号和状态名即可。
a:link {
color: blue;
text-decoration: underline;
}
a:visited {
color: purple;
}
上面的代码会让未访问链接显示为蓝色，已访问链接变为紫色，这是浏览器的默认行为，你可以根据设计需求自定义。
立即学习“前端免费学习笔记（深入）”；
注意优先级与书写顺序
虽然 :link 和 a:link
这样可以避免样式被意外覆盖。如果反过来写，某些情况下可能影响渲染结果，尤其在复杂选择器中。
可设置的样式属性
你可以在 :link 和 :visited 的样式做了限制。例如：
- 不能通过 JavaScript 获取 :visited 链接的真实状态
- CSS 中只能修改颜色相关属性（color、background-color、border-color 等），其他属性可能被忽略
这是为了防止网站通过样式探测用户浏览历史。
基本上就这些。只要掌握 a:link 和 a:visited 的基本用法，就能有效提升链接的可读性和用户体验。不复杂但容易忽略细节。
