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