css:每个班级都支持:悬停状态吗？

Question

如果我使用普通div的类,我可以像下面这样写css:

.messagebc:hover {
...
}

这合法吗？

Answer 1

使用它是无效的:将鼠标悬停在非链接元素上.

避免使用:hover伪选择器用于IE客户端的非链接元素.

如果您使用:悬停在非锚元素上,请在IE7和IE8中测试页面以确保您的页面可用.如果您发现:hover导致性能问题,请考虑有条件地为IE客户端使用JavaScript onmouseover事件处理程序.

:hover伪选择器到非链接元素是一个非常无效的选择器(例如):例如:

h3:hover {...}
.foo:hover {...}
#foo:hover {...}
div.faa :hover {...}

对于非锚元素的:hover伪选择器已知会使IE7和IE8在某些情况下变慢*.当不使用严格的doctype时,IE7和IE8将忽略:将鼠标悬停在除锚点之外的任何元素上.使用严格的doctype时:将鼠标悬停在非锚点上可能会导致性能下降.