Два css-файла, определяющих один class
Если у меня есть два файла css:
Файл 1:
.colorme { background-color:Red; } Файл 2:
- Как вставить разрыв строки перед элементом с использованием CSS
- jQuery: height () / width () и "display: none"
- Обработка двоеточия в идентификаторе элемента в селекторе CSS
- Браузер не может получать / находить относительные ресурсы, такие как CSS, изображения и ссылки при вызове сервлета, который пересылает JSP
- DIV против таблиц или CSS против того, чтобы быть глупым
.colorme { background-color:Green; }
И включили ли они их в страницу, которая будет приоритетной? Я предполагаю, что последний загружен? Если это так, чтобы гарантировать, что один файл css загружен последним?
- Как использовать JSF сгенерированный идентификатор HTML-элемента с двоеточием «:» в селекторах CSS?
- Установите непрозрачность фонового изображения, не затрагивая дочерние элементы.
- Как применить css к содержимому iframe?
- Должны ли мы больше использовать нестандартные / браузерные префиксы поставщика CSS?
- Как сделать мигающий / мигающий текст с помощью CSS 3?
- Скрытие полосы прокрутки на странице HTML
- Исправить размер шрифта на Mobile Safari (iPhone), где текст отображается непоследовательно, а некоторые шрифты больше других?
- Как вертикально центрировать изображение внутри div
В этом случае выигрывает тот, который был загружен последним (или, как указывает Дэвид, более точно включенным последним). Обратите внимание, что это свойство, но если вы загружаете 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; }