访问和未访问链接中的谜团

时间:2018-02-04 13:52:39

标签: html css hyperlink pseudo-class

我的问题非常简短。

为什么原因从访问链接和未访问的链接中删除了文本修饰,但红色仅应用于未访问的链接?

即。为什么这些属性的处理方式不同?

在Chrome和Firefox中测试过。

<p><a href="http://goooooooogle.com">Don't click it, so it should stay unvisited</a></p>
<p><a href="#">Click it, to make it visited</a></p>

<style>
  a:link {
          text-decoration: none;
          color: red;
  }
</style>

1 个答案:

答案 0 :(得分:4)

<root>不同,color不属于可以使用text-decoration伪类更改的属性列表(请参阅MDN)。

这会导致访问链接使用应用于未访问链接的相同文本修饰。你无法解决这个问题。