css: ¿soporta cada clase: estado de vuelo estacionario?

Question

Si utilizo una clase para un div normal, puedo escribir el css como:

.messagebc:hover { 
... 
} 

¿Es legal?

Answer 1

Es ineffiecient de usar: se ciernen sobre los elementos fuera del enlace.

Evite el pseudo-selector de desplazamiento para elementos que no sean de enlace para clientes de IE.

Si utiliza: flotar en la no-anclaje elementos, probar la página en IE7 e IE8 para asegurarse de que su página es utilizable. Si encuentra que: hover está causando problemas de rendimiento, considere condicionalmente usando un gestor de eventos onmouseover JavaScript para clientes de IE .

: hover pseudo-selector a los elementos no-Link es un selector muy ineffiecient (por ejemplo): Por ejemplo:

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

El: hover pseudo-selector en elementos no de anclaje se conoce a hacer que IE7 e IE8 sean lentos en algunos casos *. Cuando no se utiliza un tipo de documento estricto, IE7 e IE8 ignorarán: desplace el cursor sobre cualquier elemento que no sea el de anclaje. Cuando se utiliza un tipo de documento estricto,: al pasar el mouse sobre no anclajes puede causar degradación del rendimiento.

More info on un-effiecient selectors

Answer 2

Sí, sin embargo, en IE6 puede establecer :hover solo en elementos ANCHOR.

Answer 3

¿Por qué simplemente no lo has intentado? sí, puede (en todos los navegadores modernos, el IE6 lo sabe: colocar el cursor solo en a, si mal no recuerdo).

Answer 4

Sólo IE6 no lo soporte sobre los elementos que no sean <a>, pero que se puede solucionar con un simple javascript: ie7.js

Answer 5

Sí, puedes usar :hover para todos los elementos en los navegadores modernos (Internet Explorer 7 +). Mientras IE6 apoyo :hover única para <a> elementos, debe escribir HTML y CSS que es así, que no tendrá que utilizar js-parches (por ejemplo, en la lista de menús-<li><a href="#">Link</a></li> sólo tiene que utilizar, no <a><li><a> y asignar :hover al enlace elemento. Esto debería ser el truco.)

Answer 6

Todos los navegadores actuales lo admitirán. Si necesita que funcione en un navegador más antiguo como IE6, eche un vistazo al enlace de @Willem.

Answer 7

La participación del IE6 es de 5.55% y es disminuyendo cada día por lo que puede usarlo Wikipedia ie6

Answer 8

Si por el término clase que quiere decir elemento HTML entonces sí acuerdo con las especificaciones de W3C puede utilizar el selector: libración en todos los elementos. Si debe o no es una pregunta diferente.

Fuentes:

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