二级@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";