Предположим, у меня есть css1.css и css2.css. Просто для хранения файлов, организованных и небольших в моей файловой системе/Source control, я хотел бы разделить их, однако в моем контенте я все же хочу использовать все определения в обоих файлах.Может ли одна ссылка на страницу CSS другая?
Вместо ссылки на ссылку, как на моей странице содержания, так и css1.css, просто введите css2.css.
Очевидно, что вы можете включить их на своей странице с несколькими узлами, но лучше всего, вероятно, создать сценарий процесса выпуска/ant task/automatic build, который может объединять или объединять файлы на основе какого-либо манифеста или даже просто порядка имен файлов.
Вы можете делать другие вещи, такие как сжатие css одновременно - автоматическая оптимизация файлов для развертывания!
Предполагая, что обе таблицы стилей находятся в одном каталоге, поместите этот код в начало css1.css.
@import url("css2.css");
Вы можете использовать @import, как это в css1.css:
@import url("css2.css");
p { color : #f00; }
Я верю, что это неодобрительно, если только по той причине, что импортированные таблицы стилей CSS имеют более низкую специфичность, что может вызвать непредвиденные ошибки. –
@Steven: Вы уверены? В разделе спецификации CSS 2.1 для каскадирования (http://www.w3.org/TR/CSS21/cascade.html) говорится следующее: «Объявления в импортированных таблицах стилей считаются перед любыми объявлениями в самой таблице стилей». Он ничего не говорит о '@ import', влияющем на специфичность. – bcat
Я не совсем уверен, но я думаю, что я читал это где-то раньше. Я не смог найти его снова, поэтому, думаю, вы должны считать его ложным, пока не будет доказано обратное. –
Я видел, что много; URL-адрес импорта («css2.css»), поэтому он определенно является способом достижения вашей цели.
duplicate: http://stackoverflow.com/questions/147500/is-it-possible-to-include-one-css-file-into-another –
Остерегайтесь @import, эти таблицы стилей не могут быть кэшированы браузер и там производительность интерфейса ухудшается –
@ dcaunt: Интересно, получил ли для этого цитату? – bcat