查看hovered元素的继承CSS属性

Question

我在尝试调试Chrome中的某些CSS时遇到了一个恼人的问题。我对CSS很新，并使用Chrome＆＃34; Computed＆＃34; CSS开发人员工具中的窗口非常方便地确定我试图分配的CSS属性在以后的链中被覆盖的位置。 （请随意更正任何不正确的术语，以便我可以在同一页面上。）

以下是一个帮助我成功更改活动jQuery UI标签颜色的示例： http://1drv.ms/1yJzyec（没有足够的代表点发布图片。这是我的OneDrive。）

我需要使用这种方法来弄清楚我的CSS出现了什么问题 hovered 或聚焦元素。 这就是问题所在：只要我点击Chrome的开发者工具查看指定元素的继承链，它就不再徘徊/集中，因为我＆＃39 ;点击进入开发人员工具，阻止我看到继承。

还有其他工具可以帮助我实时剖析HTML元素的CSS继承链吗？

谢谢！

Answer 1

使用Chrome开发者工具，您可以强制元素处于悬停状态。

_{单击Toggle Element State图标（带指针的带边框的框）以显示此信息。}