找出谁在IE Developer Tools中覆盖了一个类

Question

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

示例：

如何找出哪些人覆盖此background-color？

Answer 1

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

或尝试在 Chrome DevTools 中以这种方式进行搜索：

Answer 2

已经建立了一个覆盖什么的秩序。这取决于特异性的级别。有四个级别：元素，类，ID和内联（从最低优先级到最高优先级）。

还有！important 规则可以取代自然顺序。如果有多个＆＃34;！important＆＃34;，那么最后一个 win 。

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