如何最小化css的数量

Question

就像javascript压缩器一样，我对css使用相同的技术。首先，我将所有文件合并为一个文件，然后压缩。但是，HTML的行为与之前的多个css文件不同。什么是最小化CSS文件的最佳方法？

Answer 1

您是否按正确的顺序将它们合并到一个文件中？由于CSS允许覆盖先前的规则，因此您可能需要注意组合文件的哪个部分先于其他部分。

Answer 2

检查将文件加载到合并脚本的顺序，就像其他人提到的那样。 我发现Sprockets是依赖管理的好工具。它会跟踪文件中的更改并输出单个文件，以便进行压缩。它也适用于您的CSS文件。

Answer 3

确保您的HTML有效。如果您的浏览器处于怪异模式，它可能正在使用压缩器认为是不必要的CSS。

Answer 4

可能是，您错误地将打印样式表合并到主样式表中？ （只是一个猜测。）

如果是这样，并且您希望保持这种状态，您仍然可以通过将其内容附加到以下内容来实现：

@media print {
    /* content here */
}

Answer 5

HTML的行为通常不应更改。如果这确实发生了，我猜你有相互覆盖的冲突规则，并且CSS文件的合并顺序与之前加载的顺序不同。

Answer 6

只要CSS文件在同一个文件夹中，它们的连接顺序与它们在页面中加载的顺序相同，并且生成的文件与原始文件放在同一个文件夹中，应该没有问题

如果样式有冲突，则样式的顺序很重要，因为最后指定的样式优先。

文件的位置对于您指定的任何相对图像URL都很重要，因为它们相对于CSS文件，而不是相对于网页。