为什么a：访问{background-color：只有与：link一起使用才能工作？

Question

根据我的理解：访问过的样式链接和：链接样式链接。我注意到你不能设置背景颜色：访问除非你也设置了背景颜色：链接，为什么这？这导致我认为它们是不同的，如果是这样的话有什么不同，除了一个样式链接和其他访问链接？ 例如：

https://jsfiddle.net/kk1ouqvc/11/

<a href="https://en.wikipedia.org/wiki/Main_Page">
  wikipedia
</a>

/***
a:visited{
    background-color: red;//doesnt work
     }
 **/

 /***
 a:visited{
      background-color: red;// works
 }
 a:link{
      background-color: blue;
 }
***/

Answer 1

以下是https://tympanus.net/codrops/css_reference/visited/的答案，这些答案在几年前帮助我理解。您必须在元素访问之前在元素上设置背景颜色

  

还有一个与应用于链接的背景颜色相关的“异常”使用：被访问：除了实际的“真实”背景颜色应用于以下情况之外，访问状态中的背景颜色将不会应用于链接其访问状态之前的链接 - 即：链接状态。