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