Chrome开发者工具:如何找出覆盖CSS规则的内容?

Ram*_* K. 192 css google-chrome developer-tools inspector

嗯,这非常简单.如果Chrome的开发人员工具向我显示某个样式被覆盖,那么如何查看哪些CSS规则会覆盖它?

我想知道是否有什么像"告诉我什么覆盖了这个".

OBS: 拜托,请不要指向Firebug.

jos*_*736 277

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

Chrome截图

  • @intotecho:自从放大镜改变后,Chrome 47已经在Computed选项卡中恢复了expando.[crbug.com/496263](https://crbug.com/496263) (3认同)

小智 7

你可以简单地看一下同名的那些没有被删除的,记住列表的重要性.

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