html - 为什么总是 a:hover 出现在 a:link 和 a:visited 之后？

Question

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

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

标签： htmlcsshyperlink

Answer 1

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

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

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

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

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