为什么“a:hover 必须在 a:link 和 a:visited（w3school）之后”？ [重复]

我在“w3schools”学习CSS，在“链接”一章中，他们说：

“在为多个链接状态设置样式时，有一些顺序规则：

a:hover 必须位于 a:link 和 a:visited 之后 a:active 必须在 a:hover 之后”

我想知道为什么正确的顺序是 L.V.H.A，而不是 L.H.V.A 或其他。

伪类必须按特定顺序声明。

助记符LoVe HAte 对于记住正确的顺序总是有用的：

:link
:visited
:hover
:active

每个伪类对应一个事件，该事件只能在时间轴上比之前发生的事件晚。

也就是说：

1. 链接在被访问之前是未访问过的。

2. 在将鼠标悬停在链接上之前就已访问该链接。

3. 链接在实际使用之前会被悬停在其上。