两个定义相同类的css文件

Question

如果我有两个css文件：

文件1：

.colorme
{
   background-color:Red;
}

文件2：

.colorme
{
   background-color:Green;
}

并将它们包含在一个页面中，哪一个会优先考虑？我猜的是最后装的那个？如果是这样的话，无论如何都要确保最后加载哪个css文件？

Answer 1

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

确保使用last / wins的唯一方法是在页面中按照您想要的顺序包含<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; }