css - 在 CSS 文件中使用 @import 会减少 HTTP 请求吗？

Question

如果我有一个包含在页面中的 CSS 文件，例如

<link rel="stylesheet" type="text/css" href="all.css">

然后那个文件有...

@import "shCore.scss";
@import "shThemeDjango.scss";

这是执行 1 个 HTTP 请求还是 3 个？

与在主文件中链接到所有文件相比，导入多个文件有好处吗？

(我知道理想的解决方案是合并所有并缩小)

Answer 1

我建议不要使用@import。这会阻止浏览器并行下载文件，因为它必须解析第一个 css 文件。然后去检索导入的 css 文件并导入它们。

google on @import

正如您提到的，合并和缩小您的 CSS 是最佳选择。使用类似 minify 的工具允许您保持样式表独立和干净，但将它们组合和缩小。