Два файла CSS, определяющие один и тот же класс

Question

Если у меня есть два файла CSS:

Файл 1:

.colorme
{
   background-color:Red;
}

Файл 2:

.colorme
{
   background-color:Green;
}

И включили ли они на страницу, какая из них будет приоритетной? Я догадываюсь тот, который загружен последним? Если да, то есть ли какой-нибудь файл css, загруженный последним?

Answer 1

Последний, загруженный последним (или, как указывает Дэвид, точнее включенный последний), выигрывает в этом случае. Обратите внимание, что это для каждого свойства, если вы загрузите 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; }