从同一个非根目录导入css文件

我想在多个文件之间分发css，以保持更有序。但是我只想导入main.css样式表，而这将反过来导入其余的样式表。这是我当前的设置，但其他文件中的任何规则都不会生效。我应该如何更改规则以使其正确工作

文件布局：

/
├── css
│   ├── main.css
│   ├── nav.css
│   └── width.css
├── index.html

main.css中的代码：

@import url('nav.css');
@import url('width.css');

---

由于它是@import，请确保它位于主CSS文档的最顶部

@导入url（“./nav.css”）

@导入url（“./width.css”）

---

虽然你能做到，但我个人反对。虽然它看起来更“有序”，但它会创建额外的HTTP请求，这取决于项目的大小，可能会影响您的性能。

看看这篇类似的文章。您可以保留部分样式表，但我建议只使用多个

标记，如：

和

等，而不是出于性能原因使用许多

@import

语句。哦，好的，听起来不错。非常感谢。我仍然很好奇，为什么我的导入不起作用；）没关系，我想@John建议的/是必要的。谢谢