为什么a:visited {background-color:只有在与a:link一起使用时才有效?

为什么a:visited {background-color:只有在与a:link一起使用时才有效?

问题描述:

从我的理解:已访问的访问样式链接和:链接样式链接。我注意到你不能设置背景色:访问,除非你也设置了背景色:link,为什么这样?这使我认为他们是不同的,如果是这样,有什么不同,除了一种风格的链接和其他访问过的链接? 例如:为什么a:visited {background-color:只有在与a: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; 
} 
***/ 

这里是https://tympanus.net/codrops/css_reference/visited/帮助我了解了一些时间前一个答案。您必须在元素被设置为背景颜色前

还有一个与应用于链接的背景颜色有关的“异常”:visited:背景颜色处于:visited状态除非实际的“真实”背景颜色在访问状态之前被应用于链接 - 即处于其链接状态,否则不应用于链接。