一个css文件中的多个设计

Question

这个问题与以下几点有关：

Are unused CSS images downloaded?

假设我有一个CMS，它允许用户选择页面的外观。在内部，选择是非常小的CSS文件(4-5行)。

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

Answer 1

合并文件总是安全的。按照今天的标准，这被认为是最佳做法。缩小和捆绑js和css文件以减少对服务器的请求是非常常见的。

正如您在文章中提到的，浏览器在选择器实际有效之前不应该下载它们，即使这样，图像也只能下载一次，并且应该返回304而不是修改，这样浏览器就知道不会再下载它了。

每当您在元素上加载css文件或更改属性时，css都会被解析并重新呈现必要的样式。

备注：我觉得有义务确保在打包您的css文件时考虑到选择性的顺序。