是否有可能知道哪种CSS样式/ attrib覆盖了另一种？

Question

我在Chrome Element Inspector中。我知道当CSS属性被覆盖时，它会显示一个直通，但是有可能看到它被覆盖的原因吗？

Answer 1

这只是DOM继承级别的问题，一个样式将始终应用于它所设置的最深的子元素。例如。

<div style="background='#fff'">
    <div style="background='000'">
        000 takes precedence
    </div>
</div>

所以这个问题的“原因”是树上的一个元素会覆盖它。这个概念适用于样式表，就像我发布的内联示例一样。

我应该注意一个警告 - 用！important 标记标记的样式将优先于其他样式。