¿Cómo puedo obtener: hover in css stylesheet on the fly con jquery?
ejemplo estúpido
a.foo { color: red; font-size: 11px; } a.foo:hover { color: blue; font-size: 12px; } ¿Cómo recuperar ese color y tamaño de fuente antes de que el mouse pase el ancla?
Si realmente lo necesita, puede acceder a esta información a través de la propiedad document.styleSheet. Un ejemplo está disponible aquí: http://jsfiddle.net/Xm2zU/1/
Tenga en cuenta que IE necesitaría su propio código para hacer esto, ya que utiliza “.rules” en lugar de “.cssRules”, etc.
Echa un vistazo a los selectores extra para jQuery .
Además, puede utilizar el evento hover , dependiendo de lo que quiera lograr. Ver: jQuery hover y selector de clase .
¿Cómo recuperar ese color y tamaño de fuente antes de que el mouse pase el ancla?
No. No puedes recuperar las declaraciones de estilo de una pseudo clase : hover antes de pasar el mouse sobre ese elemento. Esto se debe a que JavaScript solo puede interactuar con el HTML usando DOM. La información de estilo (para el estado desplazado) no está disponible para el DOM a menos que haya un mouseover en el elemento y, por lo tanto, no puede recuperar esos valores (incluso simulando un estado de desplazamiento).
Puedes usar la función .hover() lugar. http://api.jquery.com/hover/
$( "a.foo" ).hover( function() { $( this ).css( 'color','red' ); }, function() { $( this ).css( 'color','blue'); } );