如何检测CSS继承源？ [英] How to detect CSS inheritance source?

问题描述

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

有没有方便的工具？

EDIT

这是我在chrome Computed Style（显示继承）中获得
查看direction属性，没有关于它的继承源的信息

解决方案

您可以在Firefox或Chrome的开发人员工具中使用Firebug轻松完成此工作。

Chrome开发人员工具

有关详情，请查看

您可以安装从此处发出的火虫

更新1：

您可以在Chrome浏览器中点击显示继承复选框计算风格以下面板喜欢。

更新2：

在Firebug中，您只需点击继承元素，我会在下面显示image.Then它将指导您到相关的继承元素的位置。

PS

So far, I can only tell if a property is inherited or not, but I need to know the source of inheritance, (for ex, which CSS file caused the final value ?) is this possible ?

Is there a handy tool for this ?

EDIT

Here is what I get in chrome Computed Style (show inheritance) See the direction property, there is no info about its inheritance source

解决方案

You can do this job very easily by using Firebug in Firefox or Chrome's Developer Tools.

Chrome Developer Tools

Like image shows below.

For more information check Chrome Developer Tools: Element Styles Here

In Firebug

Like image shows below.

For more information check CSS Development Here

You can install Fire Bug From Here

Update 1:

You can find it by just clicking Show Inherited check box on Chrome's computed style panel likes below.

Update 2:

In Firebug, you just click inherited element what I showed below image.Then It will guide you to the relevant Inherited element's location.

P.S. - Same can do by using chrome Tool.

这篇关于如何检测CSS继承源？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！