Question

我有一个文件夹，有一个.html页面。在该文件夹中，我有一个名为“stylesheets”的文件夹

在“stylesheets文件夹中，我有多个CSS页面，一个”main.css“页面，另外四个叫做”links.css，images.css，headers.css和text.css“。

我正在尝试将这四个CSS页面导入主CSS页面，然后将主要CSS页面导入HTMl。所有CSS页面都正常工作，因为我已经单独测试过它们。这就是我所拥有的：

---------------------------------------... 在main.css页面中，我有： ---------------------------------------... @charset“utf-8”; / * CSS Document * /

@import url('/stylesheets/links.css'); 
@import url('/stylesheets/text.css'); 
@import url('/stylesheets/images.css'); 
@import url('/stylesheets/headers.css');

---------------------------------------... 然后在HTML页面中我有： ---------------------------------------... 插入标题

<style> 
@import url('/stylesheets/main.css'); 
</style> 

</head> 
<body> 
</body> 
</html>

---------------------------------------...

它不起作用，请帮忙，因为这是学校作业所必需的。我已经搜索过，但找不到怎么做。

Answer 1

在main.css中，文件路径需要相对于CSS文件本身，而不是HTML文档。因此，假设您的所有css实际上都位于一个文件夹中，请将文件路径更改为@import url('links.css');，依此类推。保持导入在html中。

如何将多个CSS页面导入一个主要CSS页面，然后将主要CSS页面导入HTML页面？

1 个答案: