Два css-файла, определяющих один class
Если у меня есть два файла css:
Файл 1:
.colorme { background-color:Red; }
Файл 2:
- Имеет ли IE 8 ограничение на количество таблиц стилей на страницу?
- Центрирование логотипа бренда в Bootstrap 3 Navbar
- Общие точки останова для запросов СМИ на быстродействующем сайте
- Как создать фоновый размер в IE?
- Встроенный блок отображения CSS-центра?
.colorme { background-color:Green; }
И включили ли они их в страницу, которая будет приоритетной? Я предполагаю, что последний загружен? Если это так, чтобы гарантировать, что один файл css загружен последним?
- импортировать файл .css в файл .less
- Преобразование 3D CSS, зубчатые края в Firefox
- icons Bootstrap загружаются локально, но не в Интернете
- У LESS есть функция «расширения»?
- Цвет фона не отображается в предварительном просмотре
- Право на левую поддержку для Twitter Bootstrap 3
- Полные стили для кросс-браузера.
- Что означает селектор CSS ~ (tilde / squiggle / twiddle)?
В этом случае выигрывает тот, который был загружен последним (или, как указывает Дэвид, более точно включенным последним). Обратите внимание, что это свойство, но если вы загружаете 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; }