当样式应用于元素时，如何调试 CSS：悬停在元素的父级上（最好在 Firebug 中）？答案

【问题标题】：How do I debug CSS, when a style is applied to element on :hover over element's parent (preferably in Firebug)?当样式应用于元素时，如何调试 CSS：悬停在元素的父级上（最好在 Firebug 中）？
【发布时间】：2012-10-28 07:23:39
【问题描述】：

我想检查一个列表的 CSS 样式，由 Firebug 中的ul li:hover > ul {} 规则应用。

所以在 ":hover" 上使用复选框的技巧将不起作用，因为我必须悬停被检查元素的父元素，而不是元素本身。

如何检查应用于那种元素的样式？有没有什么办法可以用热键移动到样式面板，同时将鼠标悬停在元素的父级上？提前致谢。

【问题讨论】：

标签： html css web firebug

【解决方案1】：

我设法做的最好的事情是痛苦而耐心地将焦点 Tab 到样式子窗口。它有效，但我希望有更好的方法来做到这一点。

【讨论】：

【解决方案2】：

我刚刚发布了一个工具，您可以使用它轻松查看所有元素的布局 - 即使处于悬停状态。

HTML Box Visualizer - GitHub

【讨论】：