Chrome开发者工具：如何找出什么是重写CSS规则？

那么，这是非常简单的。 如果Chrome的开发者工具向我展示了一种风格被重写，那么如何看看什么CSS规则被重写呢？

我想知道是否有什么像“显示我什么覆盖这个” 。

提前致谢！

OBS： 请不要把我指向Firebug。

Answer 1

使用元素检查器的“ 计算样式”面板。 展开感兴趣的属性，查看适用规则的列表，以及赢得哪个规则。

Answer 2

你可以简单地看看那些没有被清除的名字，记住清单是重要的。

或者你可以查看计算的样式。 他们将是实际应用的风格。

Answer 3

crtrl + shift + c并检查元素。 然后find没有一条线的样式，在右下angular的框中。

在大多数情况下，覆盖是在顶部（没有通过它的线，因为这种风格是“赢”）。