Chrome开发者工具：如何找出什么是覆盖CSS规则？ [英] Chrome Developer Tools: How to find out what is overriding a CSS rule?

问题描述

嗯，这很简单。如果Chrome的开发人员工具向我显示某个样式已被覆盖，那么如何查看什么CSS规则正在覆盖它？

我想知道是否有类似

提前感谢！

OBS

解决方案

使用计算样式面板。展开感兴趣的属性，查看适用规则的列表，以及哪一个赢了。

Well, this is pretty straightforward. If Chrome's Developer Tools is showing me that a style is overridden, how to see what CSS rule is overriding it?

I want to know if is there anything like "Show me what overrides this".

Thanks in advance!

OBS: Please, don't point me to Firebug.

解决方案

Use the Computed Style panel of the element inspector. Expand the property of interest to see the list of applicable rules, and which one won.

这篇关于Chrome开发者工具：如何找出什么是覆盖CSS规则？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！