Второй уровень @import.Как импортировать импортированные файлы .css?

Question

У меня есть три файла .css: header.css, footer.css и breadcrumbs.css.Я импортировал их все в compose.css:

@import "/footer/footer.css";
@import "/header/header.css";
@import "breadcrumbs/breadcrumbs.css";

Когда я импортирую compose.css в main-page.css, он не импортирует файлы из header.css, footer.css и breadcrumbs.css, а только изcompose.css.

Существует ли какой-либо метод без косточек для реализации идеи двойного импорта .css?

Answer 1

Я разобрался в чем проблема.Дело в том, что пути в моем compose.css относительно самого compose.css.И очевидно, что эти ссылки не будут работать для main-page.css, который находится в другой папке.Чтобы это работало, я написал абсолютные ссылки.В моем случае это выглядит так:

@import "http://localhost:63342/labs/php-lab-1/common/default-styles/defaults.css";
@import "http://localhost:63342/labs/php-lab-1/common/footer/footer.css";
@import "http://localhost:63342/labs/php-lab-1/common/header/header.css";