什么是压倒这个css规则？

Question

这种情况怎么会发生？（图片来自chrome css检查员）

- 上面没有更高优先级的规则

- 没有橙色感叹号（错误）

- 我没有在Chrome中手动停用它

式计算：

Answer 1

在开发人员工具中，转到Computed旁边的Style标签向下滚动并查找这两个属性。展开它，您将看到应用了哪个文件和行号

Answer 2

仅仅通过查看该图片来回答您的问题非常困难。 CSS规则级联的规则很复杂。我将引用您的规范：

https://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#cascade

简而言之：更具体的规则会覆盖更一般的规则。根据涉及的ID，类和元素名称的多少来定义特异性，以及是否使用了！important声明。

Answer 3

当！important关键字用于特定的属性/值对时，它将导致该特定值逃脱级联，并且如名称所示，变为该属性的最重要值，覆盖任何其他属性。{{ 3}}