vlink属性在现代HTML中完全失效，必须用a:visited伪类替代；HTML5已移除其支持，主流浏览器直接忽略，且a:visited须严格按LVHA顺序声明并仅限颜色类属性。
直接说结论：vlink 属性在现代 HTML 中完全失效，不能用于设置已访问链接颜色，必须改用 a:visited CSS 伪类。
为什么 vlink 在页面里写了也不生效
HTML5 标准已彻底移除 的语法支持。Chrome、Firefox、Edge、Safari 在标准模式下会直接忽略它——不报错、不警告、不渲染，DOM 中甚至不会解析为有效属性。即使你写 document.body.vLink = "red"，也不会触发样式重绘。
常见错误现象包括：
- 本地用
file://协议打开 HTML 文件时，a:visited都不生效（更别说vlink） - DevTools 的 Elements 面板中看不到链接被标记为
:visited状态 - 旧项目里混着
vlink和 CSS，结果颜色忽明忽暗，调试时找不到源头
a:visited 必须按 LVHA 顺序声明
CSS 中控制已访问链接，唯一有效方式是 a:visited，但它对声明顺序极其敏感。浏览器只认 a:link → a:visited → a:hover → a:active 这个顺序（简称 LVHA）。顺序错一个，:visited 规则可能被静默丢弃。
正确写法示例：
a:link { color: #007bff; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; }
a:active { color: #004080; }
容易踩的坑：
-
a:visited写在a:link前面 → 大概率不生效 - 中间漏掉某个状态（比如没写
:link）→ 浏览器可能回退到默认紫色，掩盖问题 - 用了更具体的选择器（如
.nav a:visited），但全局a:visited仍存在 → 层叠权重冲突，实际生效的不是你以为的那个
a:visited 能设什么、不能设什么
出于隐私保护，浏览器严格限制 :visited 可修改的 CSS 属性。你只能安全使用以下几类：
-
color、background-color -
border-color及其变体（border-top-color等） -
outline-color、text-decoration-color
以下写法看似合理，但会被浏览器直接忽略（且无任何提示）：
a:visited { font-weight: bold; }a:visited { font-size: 14px; }a:visited { display: block; }a:visited { background-image: url(...); }
更隐蔽的问题是：只要规则里含一个禁用属性，整条 a:visited 声明都可能被丢弃——不是部分失效，而是整条作废。
测试 a:visited 生效前必须确认三件事
很多开发者卡在“明明写了却没变色”，其实和代码无关，而是环境或操作问题：
- 别用
file://协议打开——必须起本地服务（如 VS Code Live Server、npx serve或python -m http.server） - 目标链接必须真实访问过：新开无痕窗口 → 手动点击该链接 → 关闭标签页 → 回到原页面刷新
- 检查 DevTools 的 Styles 面板，确认对应
a:visited规则没有被划掉（划掉 = 未匹配或被丢弃）
真正麻烦的从来不是怎么写，而是旧项目里残留的 vlink 属性、document.vLink 赋值、以及 JS 中硬编码的颜色逻辑——它们不会报错，但会在某些浏览器或构建流程中悄悄失效，且难以定位。
