html - 将 css 文件合二为一会破坏网站布局

Question

我有一个正在开发的网站，并且一直在开发模式下运行，它不会将我拥有的所有 css 文件组合到一个脚本中。一切都很好。在 prod 上运行时，我所有的 css 文件都合并到一个文件中。这是使用资产来做到这一点，但是发生的事情是一切都像疯了一样。谁能告诉我为什么会这样？资产是否没有以正确的顺序组合资产？

仅供参考，这是在dev上运行的站点，这是在prod上运行的站点

Answer 1

我认为正在发生的事情是组合的 CSS 文件中存在错误。一些错误会影响对样式表其余部分的解析，因此它会停止。这就是为什么您在单个文件中没有遇到它那么糟糕的原因，因为它不是页面的整个样式都停止了，但是我确实认为会有一两个声明没有加载到这些单独的文件中。

在此处查看您的开发站点的 CSS 验证。虽然一堆错误只是直接来自引导程序并且不会导致解析完全停止，但还有一些其他错误可能会影响工作表的其余解析。

像这样的事情：

#order-history .
#order-history .data-block img {

那是http://dev.shopious.com/css/3a76827_part_6_order-history_11.css的第 73 行

只需仔细检查验证结果，看看你发现了什么错误。