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

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

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

提前致谢!

OBS: 请不要把我指向Firebug。

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

Chrome屏幕截图

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

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

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

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