查明谁在 IE 开发人员工具中覆盖了 class
Find out who overrides a class in IE Developer Tools
我正在使用 IE 开发人员工具栏来分析 DOM。我的问题是:当你检查某个元素时,比如说一个段落,那个段落有一个 class 将设置它的 background-color
,但由于某种原因 class 被另一个覆盖class 或其他任何内容,具有该特定规则的 class 被删除线。我如何找出 class 或父元素覆盖它的内容?
示例:
我如何找出谁覆盖了这个background-color
?
可以在Computed
—background-color
IE 11 Developer Tools中找到(需要展开):
或者尝试在Chrome DevTools中这样搜索:
有一个什么优先于什么的既定顺序。这是由特异性的水平决定的。有四个级别:element、class、id 和 inline(从最低优先级到最高优先级)。
还有 !important 规则可以取代自然顺序。如果有多个"!important",那么最后一个会win.
更多信息:
http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/
我正在使用 IE 开发人员工具栏来分析 DOM。我的问题是:当你检查某个元素时,比如说一个段落,那个段落有一个 class 将设置它的 background-color
,但由于某种原因 class 被另一个覆盖class 或其他任何内容,具有该特定规则的 class 被删除线。我如何找出 class 或父元素覆盖它的内容?
示例:
我如何找出谁覆盖了这个background-color
?
可以在Computed
—background-color
IE 11 Developer Tools中找到(需要展开):
或者尝试在Chrome DevTools中这样搜索:
有一个什么优先于什么的既定顺序。这是由特异性的水平决定的。有四个级别:element、class、id 和 inline(从最低优先级到最高优先级)。
还有 !important 规则可以取代自然顺序。如果有多个"!important",那么最后一个会win.
更多信息: http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/