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

我弄清楚了什么问题。问题是我的complose.css中的路径相对于compose.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";