将样式应用于元素上的：hover（最好在Firebug中）时，如何调试CSS？

Question

I want to inspect CSS style of a list, applied by ul li:hover > ul {} rule in Firebug.

So the trick with checkbox on ":hover" won't work, cause I have to hover the inspected element's parent, not the element itself.

How do I inspect style applied to that kind of element? Is there any way I could move to the style panel with a hotkey, while holding the mouse over element's parent? Thanks in advance.

Answer 1

The best thing I managed to do is painfully and patiently Tab the focus to Style subwindow. It worked, but I wish there was a better way to do that.

Answer 2

I just released a tool that you can use to easily view the layout of all of your elements - even in their hover state.

HTML Box Visualizer - GitHub