CSS 伪 a :link overwriting text-decoration for a:visited

Question

对于以下 CSS:

a:link {color: blue; text-decoration:underline;}
a:visited {color: red; text-decoration:none;}
a:hover {color: red; text-decoration:none;}
a:active {color: red; text-decoration:none;}

已访问状态变为红色字体，但下划线并未消失。 text-decoration 的 a:link 定义似乎覆盖了它。

目前，确保访问状态没有下划线的唯一方法是让所有状态也没有下划线。它一定是新东西，因为在过去，这个 CSS 是有效的。有什么方法可以将 a:link 设置为下划线，将 a:visited 设置为不下划线？

Answer 1

我相信浏览器已将此作为一项安全措施实现。以前，人们可以对访问过的链接设置不同的样式，人们使用它来找出访问者访问过哪些站点。他们只是在网站上列出了数千个流行的 URL(很可能是隐藏的)，并使用 JS 检查哪些样式与其他 URL 不同。这样网站所有者就可以知道他的访问者经常访问哪些网站。