Два css-файла, определяющих один class
Если у меня есть два файла css:
Файл 1:
.colorme { background-color:Red; } Файл 2:
- fancybox2 / fancybox заставляет страницу прыгать вверх
- Как включить шрифт в значок svg?
- Есть ли веские причины для использования шестнадцатеричных значений по десятичной для значений цвета RGB в CSS?
- Таблицы стилей CSS по умолчанию для браузеров
- CSS3 Непрерывная анимация вращения (точно так же, как загрузка солнечных часов)
.colorme { background-color:Green; }
И включили ли они их в страницу, которая будет приоритетной? Я предполагаю, что последний загружен? Если это так, чтобы гарантировать, что один файл css загружен последним?
- CSS3 Transform Skew One Side
- CSS3 transform: rotate; в IE9
- В чем разница между псевдоclassом и псевдоэлементом в CSS?
- Какая лучшая CSS-платформа и стоит ли усилий?
- Ищете способ сделать сетку на экране, чтобы помочь расположить элементы
- Как использовать 3-значные цветовые коды, а не 6-значные цветовые коды в CSS?
- css: как рисовать круг с текстом в середине?
- Как я могу переопределить стили CSS Bootstrap?
В этом случае выигрывает тот, который был загружен последним (или, как указывает Дэвид, более точно включенным последним). Обратите внимание, что это свойство, но если вы загружаете 2 определения с разными свойствами, результатом будет комбинация. Если свойство находится как в первом, так и в втором, последний выигрывает от этого свойства.
Единственный способ гарантировать, что используется последним / выигрывает, включает элементы в том порядке, который вы хотите на странице.
Для свойства, вот пример:
.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; }