vlink 属性在 HTML5 中已废弃，浏览器仅保留向后兼容解析，必须用 CSS 的 a:visited 伪类替代，且仅 color 等少数属性生效，本地 file:// 协议下该伪类被浏览器限制。
vlink 属性在 <body> 中已完全废弃，现代项目中不应再使用。
为什么浏览器还“认得” vlink 但不推荐用
多数浏览器（包括 Chrome、Firefox、Edge）仍能解析 <body vlink="purple"> 或读取 document.vlinkColor，但这只是向后兼容的残留支持，不是功能保障。HTML5 标准明确删除了所有 <body> 的呈现属性（link、vlink、alink、bgcolor 等），W3C 和 WHATWG 都要求用 CSS 替代。
实际开发中踩坑点包括：
- 在 XHTML Strict 或 HTML5 文档类型下，该属性会触发验证警告甚至被解析器忽略
- 与 CSS
a:visited同时存在时，CSS 一定优先 ——document.vlinkColor = "red"完全无效 - 某些构建工具（如 Vite、Webpack + HTML 插件）会在预处理阶段直接剔除未知属性
a:visited 是唯一合规的替代方案
必须用 CSS 伪类 a:visited 控制已访问链接颜色，且仅限使用浏览器允许的属性：
- 只生效的属性：
color、background-color、border-color、outline-color、fill、stroke - 常见失效写法：
font-weight、display、transform、visibility、transition（除 color 外） - 顺序很重要：务必按
a:link→a:visited→a:hover→a:active声明，否则:visited可能被覆盖
示例正确写法：
style type="text/css">
a:link { color: #00f; }
a:visited { color: #666; }
a:hover { color: #f00; }
a:active { color: #090; }
</style>
本地测试时 :visited 不生效？先查这三件事
很多开发者在本地 file:// 协议下发现 a:visited 完全没反应，这不是代码问题，而是浏览器主动限制：
- Chrome / Firefox 在
file://下默认禁用:visited样式（防止通过 CSS 探测本地文件访问历史） - 必须起一个本地服务器（如 VS Code 的 Live Server 插件、
npx serve或 Python 的python -m http.server） - 确认链接确实被“访问过”：点击后刷新页面，再检查 DevTools 的 Elements 面板里该
<a>元素是否带:visited状态（Styles 面板中对应规则未被划掉）
真正麻烦的不是怎么写，而是旧项目里散落的 vlink 属性、document.vlinkColor 赋值、以及混在内联 style 或 JS 里的硬编码颜色逻辑——它们不会报错，但会悄悄和 CSS 冲突，且在新浏览器或严格模式下彻底失效。
