How can I see the styles attached to :hover and other pseudo classes in firebug and the chrome debugger

Question

I know there must be a way to do this and I\'ve always just worked around it but, is there some way I can see (and/or edit) the pseudo-class styles applied to an element

Answer 1

In Chrome, you just right click (so that you ARE hovering) the div and click on Inspect. If the Inspect box is in the console, when you right click it, your mouse "fall" in the console and you are still hovering the div at the same time. Then you cqn see the :hover pseudo style normally.

This is stupid, but this is my workaround.