Каков порядок загрузки файлов CSS на HTML-страницу?

Я хочу знать порядок загрузки файлов CSS на HTML-странице.

Мое фактическое требование таково: у меня в моем приложении более 10 CSS файлов.

Я импортирую от 3 до 4 файлов CSS на каждой странице HTML. Проблема в том, что у меня есть повторяющиеся классы, определенные в некоторых файлах CSS. Это означает, что я переопределяю некоторые классы CSS в файлах CSS. На некоторых страницах он ведет себя правильно. На некоторых страницах это ведет себя неправильно. У меня есть встроенные стили, определенные для некоторых из DIV на странице HTML. Я также сохраняю класс CSS для этих DIV.

Может ли кто-нибудь узнать, какой из них будет принимать более высокий приоритет или какой из них будет загружен первым?

Ответ 1

Как правило, последнее правило имеет приоритет. С учетом сказанного есть "исключения" в том, что встроенные стили имеют приоритет над внешними таблицами стилей (важная важная важна, чем важна внешняя!) И более специфичные селектора переопределяют общие селектора.

Читать все об этом @http://www.w3.org/TR/CSS2/cascade.html

Ответ 2

Файлы CSS загружаются в том порядке, в котором они отображаются на странице. Если класс переопределен в файле CSS, он переопределит предыдущие инструкции класса.

Так
div.sample { background: none; width: 200px }
и
div.sample { color: #FFF; width: 400px }
станет div.sample { background: none; color: #FFF; width: 400px }

Вы также можете использовать "! important" addin, чтобы правила имели приоритет над другими определенными правилами.

Так
div.sample { background: none; width: 200px !important }
и
div.sample { color: #FFF; width: 400px }
станет div.sample { background: none; color: #FFF; width: 200px !important }

Примечание.. Многие люди не рекомендуют использовать "! important" addin в ваших CSS файлах. Лично я не вижу в этом ничего плохого.

Ответ 3

Каждый элемент будет отображаться на основе свойств из последней таблицы стилей, из которой он был выбран. Свойства, объявленные как !important;, являются исключением. Частью проблемы является то, что у вас есть 10 листов стилей.