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 Firebug you can select an element using :hover with the blue select arrow tool and you'll be able to see it while you are hovering over the element. Unfortunately when you move your mouse it goes away, but you can see what line it is on and edit the CSS through the firebug css tab after that.