css：每个类都支持：悬停状态吗？

Question

如果我使用一个类的正常股利，可我写的像CSS：

.messagebc:hover { 
... 
} 

是否合法？

Answer 1

这是ineffiecient使用：悬停在非链接元素。

避免：为IE客户端的非链接元素使用hover伪选择器。

如果你使用：在非锚 元素徘徊，在IE7和IE8 测试页面，以确保您的页面是可用的。如果 您发现：悬停导致 性能问题，请考虑 有条件地使用JavaScript onmouseover事件处理程序为IE 客户端。

：hover伪选择器的非连接元件是一个非常ineffiecient选择器（例如）： 例如：

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

的：悬停在非锚定元件是已知的伪选择在某些情况下使IE7和IE8变慢*。当不使用严格的文档类型时，IE7和IE8将忽略：悬停在锚点以外的任何元素上。当使用严格的文档类型时，将鼠标悬停在非锚上可能会导致性能下降。

More info on un-effiecient selectors

Answer 2

是的，但是在IE6中，只能在ANCHOR元素上设置:hover。

Answer 3

为什么你只是试过它？是的，你可以（在所有现代浏览器中，IE6知道：如果我记得的话，只能在a上悬停）。

Answer 4

只有IE6不支持它比<a>其他元素，但可以固定一个简单的JavaScript：ie7.js

Answer 5

是的，你可以使用:hover在现代浏览器（IE7 +）的所有元素。 虽然IE6支持:hover只适用于<a>元素，但您应该为您写html和css，以便您不需要使用js-patches（例如，在列表菜单中，只需使用<li><a href="#">Link</a></li>，而不是<a><li><a>并将:hover分配给链接元素，这应该是关键。）

Answer 6

每个当前的浏览器都会支持它。如果您需要它在IE6等较旧的浏览器中工作，请查看@ Willem的链接。

Answer 7

的IE6的份额为5.55％，是 减少日常 所以您可以使用它 Wikipedia ie6

Answer 8

如果术语类，你的意思是HTML元素，则是每W3C规范，你可以使用：悬停选择在所有元素上。不管你是否应该是另外一个问题。

来源：

http://www.w3schools.com/cssref/sel_hover.asp http://www.w3.org/2009/cheatsheet/#search,%3Ahover