css - .hover 和 :hover? 有什么区别

Question

我正在挖掘某人编写的一些 css 代码，我发现了这个:

li.hover, li:hover {

}

.hover 和 :hover 有区别吗？
也许某些浏览器对 hover 的行为不同？!

Answer 1

:hover 是 psuedo-class而 .hover 是类 hover 的选择器。这些符号(: 和 .)不会改变任何其他 CSS 选择器构造的含义:请参阅 W3C CSS Level 3 Recommendation了解所有详情。

大概有一些 JavaScript 可以切换 hover 类，这可能是因为在“旧版”浏览器中缺少对 LI 元素的 :hover 支持。我知道 IE5/6 (ick!) 只支持 :hover 链接，但是:

• "Modern" GUI browsers correctly support :hover .

(而且，一如既往，确保页面不处于“怪癖模式”:-)

快乐编码。