body的alink和vlink属性在HTML5中已被彻底废弃，必须用a:link、a:visited、a:active伪类替代，且须严格按LVHA顺序声明，并仅设置color等浏览器允许的属性。
body 的 alink 和 vlink 属性早已被 HTML5 废弃，不能用了——必须改用 CSS 伪类 a:link、a:visited、a:active 替代，且顺序不能错。
为什么 alink 和 vlink 不再有效
这两个是 HTML4 时代的内联属性，写在 <body alink="red" vlink="purple"> 里。HTML5 完全移除了它们，现代浏览器（包括 Chrome、Firefox、Safari 最新版本）会直接忽略。即使写了，开发者工具里也看不到对应样式生效，控制台也不会报错，容易误以为“好像还行”，其实根本没起作用。
更麻烦的是：它们只影响颜色，不支持下划线、过渡、背景等任何现代样式需求；也无法区分不同区域的链接（比如导航栏 vs 页脚），灵活性为零。
a:link 和 a:visited 必须按顺序声明
浏览器匹配伪类靠 CSS 层叠规则，a:visited 如果写在 a:link 前面，会被后者覆盖——哪怕你设了紫色，最终还是显示蓝色。
立即学习“前端免费学习笔记（深入）”；
- 正确顺序是：
a:link→a:visited→a:hover→a:active（口诀“LoVe HA”） -
a:link只对带href且未访问过的链接生效；href="#"或空href不算“可访问链接”，不会触发:link -
a:visited受浏览器隐私限制：只能修改color、background-color、border-color、outline-color等少数属性；不能改font-size、display、text-decoration（部分浏览器已放开text-decoration，但不保证兼容）
a:active 替代 alink 的实操要点
alink 原本控制“点击瞬间”的颜色，对应的就是 a:active。但它有个关键差异：激活态持续时间极短（鼠标按下到松开之间），如果没加 transition 或视觉反馈，用户几乎感知不到。
- 务必搭配
a基础样式一起写，否则:active可能被重置：a { color: #007bff; text-decoration: none; } - 推荐加
transition让颜色变化可感知：a:active { color: #dc3545; transition: color 0.1s; } - 注意：移动端 Safari 对
:active支持不稳定，需配合-webkit-tap-highlight-color: transparent消除点击灰块，再用 JS 模拟激活态（如加 class）更可靠
遗留问题：如何让旧项目平滑迁移
如果页面里还混着 body alink 和 vlink，别删代码就完事——先检查是否已有 CSS 覆盖了这些属性。常见坑点：
- 全局
a样式（如a { color: blue; }）会覆盖:link，导致未访问链接不按预期变色 - 某些 UI 框架（如 Bootstrap）自带
a:link规则，可能和你的旧vlink值冲突，得用更具体的选择器覆盖，例如：.main-content a:visited { color: #6f42c1; } - 测试时一定要清空浏览器历史记录或用隐身窗口，否则已访问链接会沿用缓存的
:visited样式，掩盖顺序错误问题
真正麻烦的不是写几行 CSS，而是所有 :visited 样式都得在真实访问过链接后才能验证——这个状态不可编程重置，只能靠人工反复点击+刷新来确认。
