Два css-файла, определяющих один class
Если у меня есть два файла css:
Файл 1:
.colorme { background-color:Red; } Файл 2:
- Круг HTML5 / CSS3 с частичной границей
- Объединить: после: hover
- Как использовать шрифт Awesome с webjars.org с JSF
- Как вы затушевываете цвет фона с помощью jquery?
- Получить элемент -moz-transform: вращать значение в jQuery
.colorme { background-color:Green; }
И включили ли они их в страницу, которая будет приоритетной? Я предполагаю, что последний загружен? Если это так, чтобы гарантировать, что один файл css загружен последним?
- Сокращение перехода CSS с несколькими свойствами?
- iPhone WebKit CSS анимации вызывают мерцание
- jQuery изменение css при навигации при прокрутке div #
- Изменение точки останова на панели навигации при загрузке без использования МЕНЬШЕ
- Центрировать элемент в Bootstrap 4 Navbar
- Как перекосить элемент, но сохранить текст нормальным (не подверженным курку)
- Что значит '&.' в '& .sub-title' указывает в scss?
- Android Chrome игнорирует -webkit-text-size-adjust: none свойство. При масштабировании текст масштабируется
В этом случае выигрывает тот, который был загружен последним (или, как указывает Дэвид, более точно включенным последним). Обратите внимание, что это свойство, но если вы загружаете 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; }