找出谁在 IE 开发者工具中覆盖了一个类答案

【问题标题】：Find out who overrides a class in IE Developer Tools找出谁在 IE 开发者工具中覆盖了一个类
【发布时间】：2015-09-30 23:31:10
【问题描述】：

我正在使用 IE 开发人员工具栏来分析 DOM。我的问题是：当您检查某个元素时，比如说一个段落，并且该段落有一个将设置其background-color 的类，但由于某种原因，该类被另一个类或其他具有该特定规则的类覆盖被击穿。如何找出覆盖它的类或父元素？

例子：

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

【问题讨论】：

【解决方案1】：

您可以在IE 11 开发者工具中的Computed—background-color（需要展开）找到它：

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

【讨论】：

【解决方案2】：

有一个既定的顺序，即什么优先于什么。这是由特异性的级别决定的。有四个级别：element、class、id 和 inline（从最低优先级到最高优先级）。

还有 !important 规则可以取代自然顺序。如果有多个“！important”，那么最后一个将获胜。

【讨论】：