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

pseudo clases y pseudo elementos css

Question

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

Traté de inspeccionar el elemento en Firebug, pero no puedo ver por qué no va a funcionar. Ni siquiera veo cómo inspeccionar correctamente a:hover evento a:hover css en Firebug.

He visto:
Inspección de desplazamiento en Firebug http://blog.borngeek.com/2010/04/16/hover-inspection-in-firebug/
pero no he descubierto cómo reproducir los pasos mencionados allí.

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

¿Cómo inspecciono / depuro las pseudo clases de CSS 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 del menú Style . Ahí puedes seleccionar la pseudoclase :hover

EDITAR

Aquí hay una imagen:

Answer 2

También está la opción ELEMENTO DE INSPECCIÓN, simplemente haga clic derecho en el elemento fijo 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 de no 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 moviendo el mouse sobre y fuera del elemento en el que estás trabajando, haciendo una comparación de esta manera es más complicada.