alink属性在HTML5中已被彻底移除，现代浏览器完全不支持；必须使用CSS的a:active伪类控制点击瞬间的颜色，且需遵循LVHA顺序、注意移动端延迟及仅修改轻量样式。
a:active 才是控制“正在点击”的链接颜色的正确方式，body 标签的 alink 属性早已被废弃，现代浏览器完全不支持。
为什么 alink 属性不管用
HTML 4.01 中曾存在 body 的 alink（active link）属性，用于全局设置点击中链接的颜色，例如：。但该属性在 HTML5 中被彻底移除，所有主流浏览器（Chrome、Firefox、Safari、Edge）自 2010 年代起就不再解析它。如果你写了却没效果，不是代码写错，而是浏览器直接忽略。
常见错误现象包括：页面刷新后颜色没变、开发者工具里查不到对应样式、不同浏览器表现不一致（其实是都不生效）。
- 它无法被 CSS 覆盖或调试，因为根本没进入渲染流程
- 即使和
vlink、link一起写，也全无效 - W3C 验证器会报错：
Attribute alink is obsolete
a:active 的实际写法与限制
a:active 是唯一标准、可靠且受支持的方式，但它只在鼠标按下到松开的极短时间内生效（通常
- 必须配合
a:link和a:visited一起声明，否则已访问链接点下去可能还是紫色 - 不能只写
a { color: ... }或a:active { background: ... }—— 浏览器对:active的样式支持比:hover更保守，仅推荐改color、outline、text-decoration等基础属性 - 移动端需注意：触摸屏上
:active触发依赖touchstart行为，部分 iOS Safari 需要给body加cursor: pointer才能稳定响应
示例（必须按 LVHA 顺序）：
a:link { color: #1e40af; }
a:visited { color: #4f46e5; }
a:hover { color: #1d4ed8; }
a:active { color: #1e3a8a; }
容易被忽略的兼容性细节
很多开发者以为设了 a:active 就万事大吉，结果在真实场景中失效，原因常出在这些地方：
- CSS 选择器优先级太高：比如用了
.nav a:active却忘了.nav a:link，导致未访问链接状态没覆盖，默认蓝色压倒你的 active 色 - 深色模式下硬编码颜色值：比如
a:active { color: #000 }在暗色背景上不可见，应改用color-scheme: light dark或相对值如color: oklch(0.3 0 0) - JavaScript 动态插入的链接：如果
a元素是 JS 后续 append 进去的，而你的 CSS 是静态加载的，那它照样生效——但若用了 Shadow DOM 或scoped样式，就得确认作用域是否覆盖 - 伪类顺序写反：把
a:active放在a:hover前面，悬停时点下去，:hover的样式会覆盖:active，看起来像“没反应”
真正关键的不是“怎么写”，而是理解 :active 是一个瞬态反馈信号，它的视觉存在感极弱，除非你额外加 transition 或微调 outline-offset 来强化感知——这点几乎没人提，但直接影响用户是否觉得“链接有响应”。
