¿Cómo inspecciono las pseudo clases de CSS con Firebug?

Question

Estoy luchando con un estilo de css reacio a:hover que no puedo anular.

Intenté inspeccionar el elemento en Firebug, pero no veo por qué no funcionará. Ni siquiera veo cómo inspeccionar correctamente el evento a:hover css en Firebug.

he visto:
libración de Inspección en Firebug http://blog.borngeek.com/2010/04/16/hover-inspection-in-firebug/
pero no he encontrado la manera de reproducir los pasos mencionados allí.

también: Pseudo-Phantoms http://meyerweb.com/eric/thoughts/2009/11/03/pseudo-phantoms/

¿Cómo Inspeccionar/depuración clases CSS seudo como :hover con Firebug?

Answer 1

Es bastante fácil. Simplemente seleccione el elemento que desea inspeccionar. Y luego, desde el panel en el lado derecho, haga clic en el elemento de menú Style. No se puede seleccionar la clase de pseudo :hover

EDITAR

Aquí está una imagen:

Answer 2

Theres también la opción Inspeccionar elemento, simplemente RightClick en el elemento flotaba en Firefox + Firebug, y eso es todo. El menú de estilo también es práctico.

Answer 3

Una técnica útil para resolver problemas como este puede ser comparar el estado de vuelo estacionario y el estado sin vuelo estacionario. Abra dos instancias del navegador (una configuración de pantalla doble o triple es útil), cargue la página en la que está trabajando en cada ventana, luego haga lo que dice JohnP en su respuesta para ver los estilos para el estado de desplazamiento en una ventana, el no flotar en el otro, y tomar el análisis desde allí. En Firebug es incómodo comparar los estilos cuando el menú desplegable de estilos cubre el panel de detalles de css en sí, y mientras puedes ver los cvs de estado de desplazamiento y sin desplazamiento en Firefug al mover el mouse sobre y fuera del elemento en el que trabajas, haciendo una comparación de esta manera es más complicada.