这很简单。如果Chrome的开发工具显示我的一个风格被覆盖,如何看到什么CSS规则是覆盖它?

我想知道是否有类似于“告诉我什么覆盖这个”的东西。

请不要把我指向Firebug。


你可以只看那些没有被划掉的同名的,记住这个列表是按重要性排列的。

或者您可以查看计算的样式。它们将是实际应用的样式。


CRTRL + shift + c,检查元素。然后在右下角的方框中找到没有线条的样式。

覆盖在大多数情况下是在顶部(并且没有一行穿过它,因为这种风格是“获胜”的一个)。


使用元素检查器的Computed Style面板。展开感兴趣的属性,以查看适用规则的列表以及获胜的规则。