浏览器出于隐私保护限制，a:visited 伪类默认不适用于 download 属性链接；但通过 target="_blank" 触发历史记录写入，可使 :visited 生效，从而实现下载后变色效果。
浏览器出于隐私保护限制，`a:visited` 伪类默认不适用于 `download` 属性链接；但通过 `target="_blank"` 触发历史记录写入，可使 `:visited` 生效，从而实现下载后变色效果。
在 Web 开发中，常希望用户点击下载链接后，该链接自动变色（如变为粉色），以提供视觉反馈——表明文件已下载过。直观想到使用 CSS 的 :visited 伪类，例如：
a:visited {
color: pink;
}然而，纯 download 链接（如 <a href="xxx.pdf" download>）通常无法触发 :visited 样式。这是因为现代浏览器（Chrome、Firefox、Safari 等）出于隐私安全考虑，限制了 :visited 对非导航型跳转行为的响应：当链接仅触发文件下载（即不产生浏览历史记录）时，浏览器不会将其标记为“已访问”，因此 :visited 规则不会生效。
✅ 正确解决方案是：强制链接产生历史记录条目。最可靠的方式是添加 target="_blank"，使链接在新标签页中打开（即使实际内容是可下载文件）。此时浏览器会将该 URL 记录到会话历史中，a:visited 即可正常匹配并应用样式。
示例代码如下：
<a href="https://file-examples.com/wp-content/storage/2017/02/file-sample_1MB.doc" target="_blank" download="sample.doc"> 下载示例文档（.doc） </a>
配套 CSS：
a {
color: #0066cc;
text-decoration: underline;
}
a:visited {
color: #ff69b4; /* 粉色，清晰标识已下载 */
}
a:hover {
color: #004499;
}⚠️ 注意事项：
- target="_blank" 是关键：它确保浏览器创建历史条目，visited 才能生效；
- 若同时使用 download 属性，部分浏览器仍会直接下载（而非打开文档），但历史记录已写入，样式仍会更新；
- 不要依赖 rel="noopener" 或 rel="noreferrer" 与 target="_blank" 共用——它们虽提升安全性，但可能干扰历史记录行为（实践中建议保留 target="_blank"，谨慎添加 rel）；
- 测试时请在真实页面环境操作：在线编辑器（如 Stack Overflow snippet）常禁用新窗口弹出，需手动 Ctrl+Click 或右键“在新标签页中打开”才能触发；
- :visited 样式受限于浏览器安全策略，仅允许修改有限的 CSS 属性（如 color、background-color、border-color 等），不可读取或影响布局。
总结：a:visited 并非对所有链接失效，而是依赖“是否进入浏览历史”。通过 target="_blank" 主动构造导航行为，即可优雅实现下载链接的状态反馈，兼顾用户体验与标准兼容性。
