别用 ，它在 html5 中已被废除，现代浏览器虽可能兼容，但行为不可靠，且无法响应 css 优先级或动态修改。
直接说结论：别用 ，它在 HTML5 中已被废除，现代浏览器虽可能兼容，但行为不可靠，且无法响应 CSS 优先级或动态修改。
为什么 link 属性现在基本不能用
这个属性属于 HTML 4.01 时代的遗留方案，在 XHTML 1.0 Strict 和 HTML5 中明确被移除。虽然部分浏览器（如 Chrome、Firefox）仍能解析 并临时生效，但它：
- 不参与 CSS 级联计算，无法被
a:link覆盖或继承 - 无法通过 JavaScript 动态设置
document.body.link = "blue"触发样式重绘（仅读取时返回当前值，写入无视觉效果） - 在 Shadow DOM、iframe 或 CSP 严格策略下大概率被忽略
- VS Code、WebStorm 等编辑器会标为“deprecated”警告
a:link 是唯一可靠且标准的替代方案
所有现代项目都应改用 CSS 的 a:link 伪类。关键点不是“能不能”，而是“必须按顺序写”：
-
a:link必须出现在a:visited之前，否则会被后者覆盖（因:visited优先级更高） - 完整推荐顺序是：
a:link → a:visited → a:hover → a:active（LVHA），可用 “love hate” 口诀辅助记忆 - 只设
color不够，记得显式控制text-decoration，否则下划线可能意外消失或残留
示例：
a:link { color: #2563eb; text-decoration: none; }
a:visited { color: #7c3aed; }
a:hover { color: #1d4ed8; text-decoration: underline; }
a:active { color: #1e40af; }
遇到 link 属性“看似有效”却失效的典型场景
如果你在旧代码里看到 ，然后发现链接颜色没变，常见原因有：
- 页面引入了外部 CSS，其中的
a:link规则优先级更高（比如用了!important或更具体的选择器如nav a:link） - 链接本身已带内联样式，如
<a style="color:red"></a>，会直接覆盖属性 - 浏览器开发者工具里看不到该属性影响 —— 因为 DevTools 的 Styles 面板只显示 CSS 计算值，不反映废弃 HTML 属性
- 使用了
<meta name="viewport">或 CSP 头，某些旧渲染路径被禁用
真正需要兼容极老系统（比如 IE6–8 内网环境）时，才考虑降级 fallback；其余情况，删掉 link、vlink、alink 这三个属性，一步到位切到 a:link 就完事。最容易被忽略的是 LVHA 顺序 —— 它不是建议，是规范强制要求，否则悬停或点击时颜色会突然跳变或不响应。
