Chrome 开发人员工具:如何找出覆盖 CSS 规则的内容? [英] Chrome Developer Tools: How to find out what is overriding a CSS rule?

问题描述

嗯，这很简单.如果 Chrome 的开发者工具显示样式被覆盖，如何查看覆盖它的 CSS 规则?

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".

OBS: 请不要将我指向 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屋！