查明谁在 IE 开发人员工具中覆盖了 class

Find out who overrides a class in IE Developer Tools

我正在使用 IE 开发人员工具栏来分析 DOM。我的问题是:当你检查某个元素时,比如说一个段落,那个段落有一个 class 将设置它的 background-color,但由于某种原因 class 被另一个覆盖class 或其他任何内容,具有该特定规则的 class 被删除线。我如何找出 class 或父元素覆盖它的内容?

示例:

我如何找出谁覆盖了这个background-color

可以在Computedbackground-colorIE 11 Developer Tools中找到(需要展开):

或者尝试在Chrome DevTools中这样搜索:

有一个什么优先于什么的既定顺序。这是由特异性的水平决定的。有四个级别:element、class、id 和 inline(从最低优先级到最高优先级)。

还有 !important 规则可以取代自然顺序。如果有多个"!important",那么最后一个会win.

更多信息: http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/