我在尝试在 Chrome 中调试一些 CSS 时遇到了一个烦人的问题。我对 CSS 比较陌生，并且在 CSS 开发人员工具中使用 Chrome 的“计算”窗口非常方便地确定我尝试分配的 CSS 属性在随后的链条中被覆盖的位置。（请随时更正任何不正确的术语，以便我可以在同一页面上）。
以下是它如何帮助我成功更改活动 jQuery UI 选项卡的颜色的示例：http: //1drv.ms/1yJzyec（还没有足够的代表点来发布图片。这将转到我的 OneDrive。）
我需要使用这种方法来找出悬停或聚焦元素的 CSS 出了什么问题。这就是问题所在：当我点击 Chrome 的开发者工具查看指定元素的继承链时，它不再悬停/聚焦，因为我点击了开发者工具，阻止了我看到继承。
有没有其他工具可以帮助我实时剖析 HTML 元素的 CSS 继承链？
谢谢！
