我有三个缩小的css文件，让我们先调用它们.min.css，second.min.css和third.min.css。我用grunt cssmin缩小了它们。如果我把它们放进去：
<link rel="stylesheet" href="first.min.css">
<link rel="stylesheet" href="second.min.css">
<link rel="stylesheet" href="third.min.css">
一切都很完美。但是，如果我用咕噜声将它们连接起来，或者用同一顺序手动复制它们，那么该网站就会崩溃。
可能导致这种情况发生的原因是什么？我认为css文件总是以相同的顺序读取，因为它们要么放在html头上，要么放在css文件中，但我是否理解错了？
我也注意到，麻烦似乎与second.css和third.css有某种关系。我能找到的唯一区别是他们有媒体查询。这会影响文件的读取方式吗？
我还尝试将原始的css文件合并到一个大主人身上然后缩小它，但它也没有工作。
答案 0 :(得分：1)
这实际上是一件基本的事情，与订单无关。
其中一个CSS文件中有一个开放的花括号。该错误发生在css文件的末尾，因此当单独加载错误文件时它不会影响任何内容。然而，当合并时，这个缺陷搞砸了css的其余部分。
在原始文件中添加了结束括号}，再次缩小它，现在就像魅力一样。
答案 1 :(得分：0)
确保grunt不会更改捆绑中的顺序。检查您的配置，并确保缩小具有正确的顺序。切换样式时CSS会失败。