访问过和未访问过的链接之谜

Question

我的问题很简短。

出于什么原因从已访问和未访问的 link 中删除了文本装饰，但红色仅应用于未访问的 link？

即为什么对这些属性进行不同的处理？

已在 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>

Answer 1

与 color 不同，text-decoration 不在可以使用 :visited 伪 class 更改的属性列表中（参见 MDN） .

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