Google chrome 有可能知道哪种CSS样式/属性覆盖另一种样式吗？

我是铬元素检查员。我知道当一个CSS属性被覆盖时，它会以一条线显示出来，但是有可能看到它被覆盖的原因吗？

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

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

000优先

因此，在这个问题上的“原因”是树上更高的一个元素正在覆盖它。这个概念和我发布的内联示例一样适用于样式表

---

我应该注意一个警告——用标记的样式！重要信息标记将优先于其他样式。

好的，因此在Inspector中它是从上到下的列表。。。我不知道为什么在这里标题的字体权重被替换为

.gm style.gm style iw div

有两个类名和一个标记名，而另一个选择器的类名少了一个，所以它的具体性就不那么强了。关于这一点，重要的是要避免

！重要信息

“font-weight:bold”被父div中的“font-weight:300”设置覆盖，这可能意味着在实际样式表中有一个！重要的设置已包括在内。如果您希望该特定div为粗体，请在样式表中为“mapp title”添加一个新的定义，这应该会成功（如果需要，请添加！重要信息）