如何检测CSS继承源？

Question

到目前为止,我只能判断一个属性是否被继承,但我需要知道继承的来源(例如,哪个CSS文件导致最终值？)这可能吗？

有一个方便的工具吗？

编辑

这是我在chrome Computed Style(show inheritance)中得到的内容.请参阅direction属性,没有关于其继承源的信息

Answer 1

通过在Firefox或Chrome的开发者工具中使用Firebug,您可以非常轻松地完成这项工作.

Chrome开发者工具

如下图所示.

有关更多信息,请查看Chrome开发者工具:此处的元素样式

在Firebug中

如下图所示.

有关更多信息,请查看CSS Development Here

您可以从此处安装Fire Bug

更新1:

您只需点击下方Show InheritedChrome浏览器computed style面板上的复选框即可找到它.

更新2:

在Firebug中,您只需单击我在下面显示的继承元素.然后它将引导您到相关的Inherited元素的位置.

PS - 使用chrome Tool可以做同样的事情.