为什么 a:visited {background-color: 仅在与 a:link 一起使用时才有效？答案

【问题标题】：Why does a:visited {background-color: only work if used with a:link?为什么 a:visited {background-color: 仅在与 a:link 一起使用时才有效？
【发布时间】：2017-09-06 11:11:57
【问题描述】：

据我了解 :visited 已访问的样式链接和 :link 样式链接。我注意到您不能使用 :visited 设置背景颜色，除非您还使用 :link 设置背景颜色，这是为什么呢？这让我认为它们是不同的，如果是这样的话，有什么不同，除了一个样式的链接和另一个访问的链接？例如：

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;
 }
***/

【问题讨论】：

标签： css

【解决方案1】：

这是https://tympanus.net/codrops/css_reference/visited/ 的回答，它帮助我理解了一段时间。您必须在元素被访问之前设置背景颜色

还有一个与使用 :visited 应用于链接的背景颜色相关的“异常”：除非将实际的“真实”背景颜色应用于链接，否则 :visited 状态下的背景颜色不会应用于链接在其访问状态之前的链接，即处于其 :link 状态。

【讨论】：