两个定义相同类的css文件

Question

如果我有两个css文件:

档案1:

.colorme
{
   background-color:Red;
}

文件2:

.colorme
{
   background-color:Green;
}

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

Answer 1

在这种情况下,最后加载的那个(或者David指出的,更准确地包括最后一个)获胜.请注意,它是每个属性,但如果加载具有不同属性的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; }