这个问题已经有了答案:
Why does .foo a:link, .foo a:visited {} selector override a:hover, a:active {} selector in CSS?
3个答案
我在“w3schools”学习CSS,在“link”一章,他们说:
“设置多个链接状态的样式时,有一些顺序规则:
a:hover必须出现在a:link和a:visited之后
A:Active必须在:悬停”之后出现。
我想知道为什么正确的顺序是L.V.H.A,而不是L.H.V.A或其他。

最佳答案

伪类必须按特定顺序声明。
记忆式的爱恨总是有助于记住正确的顺序:

:link
:visited
:hover
:active

每个伪类都对应于一个事件,该事件在时间轴中只能比以前发生得晚。
也就是说:
链接在被访问之前未被访问。
在悬停链接之前,将访问该链接。
链接在活动使用前将悬停。

07-28 01:40
查看更多