访问和未访问链接的奥秘

Question

我的问题很简短。

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

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

在 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 伪类更改的属性列表中（请参阅MDN）。

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