即使我有正确的设置,@import 似乎也不起作用

@import doesn't seem to work even though I have the correct setup

我正在尝试使用@import 将多个 css 文件导入到我的 html 中,但由于某些原因它不起作用。 我的项目树看起来像这样:

root
--assets
----css
------body.css
------main.css
--index.html

我的 main.css 看起来像这样:@import "body.css";

我把这一行放在索引的头部<link rel="stylesheet" type="text/css" href="css/main.css">

由于某种原因,我的 body.css 中的样式没有显示。

我最近买了一台新笔记本电脑,有没有什么configuration/download我需要做的我只是忘记需要做的事情?

我想解决这个问题的方法是使用 <link rel="stylesheet" type="text/css" href="assets/css/main.css">

另外关于下次如何查找此类问题:在浏览器中按 F12,导航到网络选项卡并重新加载您的站点。如果您在那里看到一个红色条目,则表示它无法加载(或存在其他错误)

如果是 404 错误(如 Failed to load resource: net::ERR_FILE_NOT_FOUND ),这是您的提示,它确实找不到文件。 99.9999% 是错误的 url。您甚至可以复制粘贴 URL 并自行打开它。