css - @import 用于构建 css

Question

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

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

现在我的每个 css 文件看起来都乱七八糟，我有大约 10 个用于一个站点，其中很多都在用尽相同代码的空间，并且只添加了一些新内容。

我猜我可以使用 @import 只在需要的地方添加样式吗？

Answer 1

是的，它的工作方式非常类似于 PHP 中的 include 或 require 函数。

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

---

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

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