CSS - 内部与外部+重要！规则

Question

我有相同的规则，第一个是在外部的.css文件中，第二个是内部的... 在前

.img1 { background-image: url("....") !important; } ＆lt; - 在.css文件中声明并添加到代码

.img1 { background-image: url("....") !important; }＆lt; - 在代码中通过部分声明。

似乎外部+重要的是内部+重要。

为什么？除了取消重要的东西之外，还有什么可以解决它呢？外部css规则中的规则

由于

Answer 1

听起来这是关于css选择器优先级的，基本上是：

• 如果不同的规则适用于同一元素，则使用更具体的规则（p.class优于.class）
• 规则相同，后者使用
• 每次包含!important的规则优先于“普通”规则
• 如果包含!important的两个规则适用于同一个元素，则使用更具体的规则或更晚的规则

要了解更多相关信息，请查看http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

稍后=在css文件或css文件的内容中进一步向下包含在相同的html文档中。