:link 用于设置未访问链接的样式,:visited 用于已访问链接,两者针对不同状态;示例中 :link 设蓝色,:visited 设紫色;因隐私限制,:visited 可修改属性较少;建议按 LVHA 顺序书写伪类以确保正确生效。

在CSS中,:link 和 :visited 是用于设置超链接不同状态样式的伪类,它们的区别主要在于所针对的链接状态不同。
1. :link 伪类 —— 未访问的链接
:link 用于选择用户尚未点击或访问过的链接。
示例:a:link {
color: blue;
text-decoration: underline;
}
2. :visited 伪类 —— 已访问的链接
:visited 用于选择用户曾经点击并访问过的链接。
- 一旦用户打开过该链接(浏览器记录了访问历史),就会触发此状态
- 出于隐私保护,现代浏览器限制了 :visited 可修改的CSS属性
- 可设置的颜色仅限于 color、background-color 等少数几个属性
a:visited {
color: purple;
}
3. 使用建议与注意事项
为了确保样式正确生效,推荐按以下顺序书写链接相关的伪类(LVHA原则):
立即学习“前端免费学习笔记(深入)”;
- :link —— 未访问
- :visited —— 已访问
- :hover —— 鼠标悬停
- :active —— 正在点击
这样可以避免样式被覆盖,保证交互效果正常显示。
基本上就这些。掌握 :link 和 :visited 的区别,有助于更好地管理网站中链接的视觉反馈。










