一尘不染

定义相同类的两个CSS文件

css

如果我有两个CSS文件:

文件1:

.colorme
{
   background-color:Red;
}

档案2:

.colorme
{
   background-color:Green;
}

并将它们包含在页面中,哪一个优先?我猜是最后加载的那个吗?如果是这样,是否有办法确保最后加载哪个CSS文件?


阅读 397

收藏
2020-05-16

共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; }
2020-05-16