CSS伪a:链接覆盖文本修饰为:访问过

时间:2013-01-17 15:42:30

标签: css text-decorations visited

对于以下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的{​​{1}}定义覆盖了。

目前,确保访问状态没有下划线的唯一方法是让所有州都没有下划线。它必须是新的东西,因为在过去,这个CSS工作。有没有办法将text-decoration设置为下划线,将a:link设置为不加下划线?

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

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

替代文字装饰不起作用

以下是演示:http://phihag.de/2011/so/visited.html

祝你好运!