Menu
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
252
The inherit CSS keyword causes the element to take the computed value of the property from its parent element. It can be applied to any CSS property, including the CSS shorthand property all . For inherited properties, this reinforces the default behavior, and is only needed to override another rule.
Inheritance in CSS occurs when an inheritable property is not set on an element. It goes up in its parent chain to set the property value to its parent value. CSS properties such as height , width , border , margin , padding , etc. are not inherited.
The first thing to do is inspect the element and make sure that your new CSS is actually being applied to the nav. If you can see your new CSS in the Styles pane, but your new CSS is crossed out, it means that there's some other CSS that is overriding your new CSS. In CSS terminology this concept is called Specificity.
Only Certain Properties are Inherited The same is true in CSS; not every CSS property is inherited by default by child elements.
You can do this job very easily by using Firebug in Firefox or Chrome's Developer Tools.
Like image shows below.
For more information check Chrome Developer Tools: Element Styles Here
Like image shows below.
For more information check CSS Development Here
You can install Fire Bug From Here
You can find it by just clicking Show Inherited check box on Chrome's computed style panel likes below.
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.
177
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
