为什么CSS包含的顺序不起作用？

Question

<link href="style1.css" rel="stylesheet" type="text/css">
<link href="style2.css" rel="stylesheet" type="text/css">

在style1中，假设我将颜色声明为白色：

.box{
    color:#fff;
}

在style2中，我声明它是黑色的。

.box{
    color:#000;
}

为什么style1优先？

Answer 1

如果两个CSS都包含完全相同的css类，则最后加载的CSS文件将被视为扩展程序 - 这意味着您必须将!important放在CSS中最后定义的样式之后。

样品

STYLE1

.box{
    color:#fff;
}

蓝紫魅力

.box{
    color:#000 !important;
}

这样，Style2将始终否决Style1。