¿Cómo puedo ver los estilos adjuntos a: hover y otras pseudo clases en firebug y el depurador de Chrome

Question

Sé que debe haber una manera de hacer esto y siempre he trabajado alrededor, pero, hay alguna manera I puede ver (y/o editar) los estilos de pseudo-clase aplicados a un elemento?

Por ejemplo, estoy buscando para editar .myclass:hover o #someid:active en el depurador.

ps. ¡Realmente me preocupa más cómo hacer esto en el depurador de cromo, aunque se agradece a Firebug!

Answer 1

Inspeccionar el elemento, y luego:

Para Firebug:

Tenga en cuenta que el código de vuelo estacionario CSS desaparecerá si vuela sobre el elemento de nuevo (debe volver a comprobar : hover).

para Chrome:

se puede ver tanto las reglas de clase pseudo y forzarlos en elementos.

Para verlos en el panel Estilos, haga clic en el botón pequeño del cuadro de puntos en la parte superior derecha.

Para forzar un elemento en :hover estado, haga clic derecho.

Answer 2

En Chrome, simplemente haga clic con el botón derecho (de modo que ESTÁ desplazándose) la div y haga clic en Inspeccionar. Si la casilla Inspeccionar está en la consola, cuando hace clic con el botón derecho, su mouse "cae" en la consola y aún está pasando el div al mismo tiempo. Entonces puede ver el estilo de pseudo: hover normalmente.

Esto es estúpido, pero esta es mi solución.

Answer 3

En Firebug puede seleccionar un elemento usando: desplazarse con la herramienta de flecha azul de selección y podrá verlo mientras está sobre el elemento. Lamentablemente, cuando mueves el mouse desaparece, pero puedes ver en qué línea está y editar el CSS a través de la pestaña firebug css después de eso.