Может ли одна страница CSS ссылаться на другую?

Question

Допустим, у меня есть css1.css и css2.css. Просто для того, чтобы файлы были организованы и были небольшими в моей файловой системе / управлении исходным кодом, я хотел бы разделить их, однако в моем контенте я все еще хочу использовать все определения в обоих файлах.

Вместо того, чтобы ссылаться на обе ссылки на моей странице контента, css1.css может просто сделать доступным css2.css.

Answer 1

Предполагая, что обе таблицы стилей находятся в одном каталоге, поместите этот код в начало css1.css.

@import url("css2.css");

Answer 2

Очевидно, что вы можете включить их все на своей странице с несколькими узлами, но лучше всего вам, вероятно, будет использовать сценарий процесса выпуска / задача муравья / процесс автоматической сборки, который может объединять или объединять файлы на основе некоторого манифеста или даже просто порядка имена файлов.

Вы можете одновременно выполнять сжатие CSS - автоматически оптимизируя файлы для развертывания!

Answer 3

Вы можете использовать @import следующим образом в css1.css:

@import url("css2.css");
p { color : #f00; }

Answer 4

Я видел это много; Функция импорта URL ("css2.css"), так что это определенно способ достижения вашей цели.