css - 定义相同类的两个 css 文件

Question

如果我有两个 css 文件:

文件 1:

.colorme
{
   background-color:Red;
}

文件 2:

.colorme
{
   background-color:Green;
}

并将它们包含在一个页面中，哪个优先？我猜是最后加载的那个？如果是的话，有没有办法确保最后加载哪个 css 文件？

Answer 1

在这种情况下，最后加载的(或者正如 David 指出的那样，更准确地说，包括 最后加载的)获胜。请注意，它是针对每个属性的，如果您加载 2 个具有不同属性的定义，结果将是组合。如果一个属性同时在第一和第二中，则最后一个在该属性上获胜。

确保最后使用/获胜的唯一方法是包含 <link>元素在页面中的顺序。

对于属性，这里有一个例子:

.class1 { color: red; border: solid 1px blue; padding: 4px; } //First .css
.class1 { color: blue; margin: 2px; } //Second .css

相当于:

.class1 { color: blue; border: solid 1px blue; padding: 4px; margin: 2px; }