Объединить несколько файлов CSS в один

Question

Каков наилучший способ объединить несколько файлов CSS в один файл CSS?

Я хочу сократить следующее ..

<link href="css/1.css" rel="stylesheet" type="text/css" media="all">
<link href="css/2.css" rel="stylesheet" type="text/css" media="all">
<link href="css/3.css" rel="stylesheet" type="text/css" media="all">

.. в ..

<link href="css/1-3.css" rel="stylesheet" type="text/css" media="all">

Простое выполнение cat css/*.css > css/1-3.css, похоже, не помогает.

Answer 1

До тех пор, пока порядок аргументов для cat совпадает с исходным порядком трех ссылочных CSS-файлов в файле HTML, cat -метод должен работать должным образом.1006 * Итак, скажите ..

<link href="css/one.css" rel="stylesheet" type="text/css" media="all">
<link href="css/two.css" rel="stylesheet" type="text/css" media="all">
<link href="css/three.css" rel="stylesheet" type="text/css" media="all">

.. следующее заключение ...

cat css/one.css css/two.css css/three.css > css/all.css

.. вместе будет следующая ссылка ..

<link href="css/all.css" rel="stylesheet" type="text/css" media="all">

.. должен быть на 100% идентичен.

Answer 2

В начале 3.css вы можете добавить:

@import url(/css/1.css);
@import url(/css/2.css);

Но я предпочитаю использовать несколько тегов ссылок или, что еще лучше, сжимать мой CSS в 1 файл (используя YUI компрессор например).

Answer 3

Вы также можете использовать mod_concat или PHP решение для объединения ваших файлов CSS и JS.

К вашему сведению, Роберт Найман недавно написал статью о оптимизация файлов CSS и JavaScript .

Answer 4

Вы всегда можете импортировать ваши вторичные файлы CSS из основного CSS, который включен в HTML. Вот хороший и простой учебник .