`:visited`伪类如何被`:link`伪类覆盖?

时间:2016-03-05 07:18:50

标签: html css css-selectors

我正在阅读:visited pseudo class on MDN,他们说:visited伪类可以被:link伪类覆盖:

  

:访问过的CSS伪类只允许您选择已访问过的链接。任何其他与链接相关的伪类都可以覆盖此样式,即:link

我无法重新创建此功能。我尝试了两个脚本。一个:link之前提到:visited,然后反过来但两个脚本的工作方式相同。在以下脚本中,:link伪类不会覆盖:visited伪类 - 当访问非绿色时,锚元素变为红色。

a:visited {
  color: red;
}
a:link {
  color: green;
}
<a href="http://www.hello.com">Go to Hello.com </a>

那么:visited伪类如何被:link伪类覆盖?如果在样式表中:link之后或之前声明:visited会有任何可观察到的差异吗?

1 个答案:

答案 0 :(得分:3)

我认为这是文档中的一个小错误。

真正的问题是,如果访问过,则:link伪类不再适用,无论如何

  

:链接CSS伪类允许您选择元素内的链接。这个   将选择尚未访问过的任何链接,

也引自MDN

因此,在您的示例中,一旦链接被访问,链接就无法在任何情况下工作,无论您做什么,