单个css文件中的多个设计

Question

这个问题与以下内容有点相关：

Are unused CSS images downloaded?

我们说我有一个CMS，允许用户选择页面的外观。 在内部，选择是非常小的CSS文件（4-5行）。

如果浏览器没有加载未使用的背景图像，我可以安全地将所有这些样式放在主CSS文件中，并使用body类切换它们。这节省了许多应该处理css文件切换的代码。正确？

Answer 1

组合文件总是安全的。根据今天的标准，它被认为是最佳实践。将js和css文件缩小并捆绑在一起以减少对服务器的请求是很常见的。

正如你提到的帖子所述，浏览器不应该下载它们，直到选择器实际有效，即使这样，图像只应该下载一次并且应该返回 304 Not Modified 所以浏览器知道不再下载它。

无论何时加载css文件或更改元素属性，都会解析css并重新呈现必要的样式。

注意：我觉得有必要确保在捆绑css文件时考虑选择性顺序。