Почему порядок включения 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;
}

Стиль2

.box{
    color:#000 !important;
}

Таким образом, Style2 всегда отменяет Style1.