CSS 伪 a:link 覆盖 a:visited 的文本装饰答案

【问题标题】：CSS pseudo a:link overwriting text-decoration for a:visitedCSS 伪 a:link 覆盖 a:visited 的文本装饰
【发布时间】：2013-01-17 15:42:29
【问题描述】：

对于以下 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;}

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

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

【问题讨论】：

另见：webmasters.stackexchange.com/questions/88014/…

标签： css text-decorations visited

【解决方案1】：

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

【讨论】：

【解决方案2】：

您必须对所有链接进行相同的文本装饰...

替代文本装饰不起作用

这里是演示：http://phihag.de/2011/so/visited.html

祝你好运！

【讨论】：