Ben Ben - 4 months ago 10
CSS Question

See :hover state in Chrome Developer Tools

I want to see the :hover style for an anchor I'm hovering on in Chrome. In Firebug, there's a Style dropdown that allows me to select the different states for an element. I can't seem to find anything similar in Chrome. Am I missing something?

Answer

Now you can see both the psuedo-class rules and force them on elements.

To see the rules like :hover in the Styles pane click the small :hov text in the top right.

Toggle element state

To force an element into :hover state, right click it.

Force element state

Additional tips on the elements panel in Chrome Developer Tools Shortcuts.