为何已访问与未访问链接均移除text-decoration，但仅未访问链接显红色？

这是个非常好的问题，其实背后藏着浏览器为保护用户隐私而做的关键限制——我来一步步给你拆解清楚：

核心原因：浏览历史隐私保护 #

浏览器对:visited伪类的样式设置有严格的限制，目的是防止恶意网站通过检测样式差异窃取你的浏览历史。举个例子，如果允许网站给已访问链接设置特殊的背景色、尺寸或位置，恶意脚本就能通过遍历大量链接、检测元素样式变化，推断出你访问过哪些网站，这显然是严重的隐私泄露风险。

两类属性的处理差异 #

1. text-decoration能正常生效的原因 #

text-decoration: none属于浏览器允许:visited修改的少数属性之一，这类属性的特点是：即使修改了，也无法通过JavaScript脚本检测出真实差异（浏览器会伪造检测结果）。所以无论你给:link还是:visited设置text-decoration: none，浏览器都会正常应用，不会有隐私泄露的风险。

2. 颜色仅对未访问链接生效的原因 #

而color这类属性，虽然浏览器允许你设置，但有两个关键限制：

• 首先，你设置的:visited颜色必须和:link的颜色在视觉上足够接近（具体规则由浏览器实现决定），如果差异太大，浏览器会直接忽略你的设置，转而使用浏览器默认的已访问链接颜色（比如常见的紫色）。
• 其次，JavaScript无法读取:visited链接的真实颜色，任何尝试获取该样式的操作都会返回:link的颜色，彻底切断恶意脚本获取浏览历史的途径。

举个常见的场景：如果你的代码是这样的：

a:link, a:visited {
  text-decoration: none;
}
a:link {
  color: red;
}
/* 未给a:visited设置color */

已访问链接会使用浏览器默认的已访问颜色，而不是继承:link的红色——这是因为浏览器默认样式表中，:visited本身就带有color属性，且伪类选择器的优先级和:link相同，会覆盖普通a选择器的样式。

验证小技巧 #

如果你想测试:visited的颜色是否能生效，可以尝试设置一个和:link颜色非常接近的色调，比如：

a:link {
  color: #ff0000; /* 纯红 */
}
a:visited {
  color: #ff3333; /* 浅红 */
}

在多数浏览器中，这个设置会正常生效，因为颜色差异足够小，不会触发隐私保护限制。

内容的提问来源于stack exchange，提问作者john c. j.