为什么总是 a:hover 出现在 a:link 和 a:visited 之后？ [复制]

Question

我正在学习 CSS。当我面对“:hover 必须在:link 和:visited 之后”的命令时，我感到很困惑。

实际上，为了访问一个链接，我们必须先点击它，为了点击链接，我们需要将它悬停。如果是这样，为什么要按顺序进行这样的限制..？？ 请帮忙。

Answer 1

给定同样特定的 CSS 选择器，规则会按顺序应用。

如果锚点既是链接又是悬停的，那么这两个规则都将适用。

a:hover { color: blue; }
a:link { color: red; }

它是悬停的，所以它是蓝色的，但它是一个链接，所以蓝色被红色覆盖。

这使得悬停规则或多或少毫无意义。