css - @import 用于构建 css

Question

我只是想确认我是否理解@import正确，

基本上，它可以为您做的至少其中一件事是通过将不同的布局分隔在不同的类别中来为您的 css 提供一些结构。

现在我的每个 css 文件看起来都很疯狂，我有大约 10 个用于一个站点，其中很多都为相同的代码占用了空间，并且只添加了一些新的东西。

我猜我@import只能在需要的地方添加样式？

Answer 1

是的，它的工作原理与 PHP 中的函数include非常相似。require

您可以将您的样式分隔在多个文件中，并在需要的地方包含其中的一些。

---

与 PHP 不同，CSS 使用 HTTP 请求来导入文件，这意味着如果您将 CSS 分成许多文件（尽量保持在 3 个，但最好只有 1 个），您的网站会很慢。

我建议您仅在开发期间分离文件，这样您可以更轻松地管理文件，但在启动站点之前将所有内容放入 1 个文件中。