打包时 CSS 中断

Question

假设我的站点上有大约 10 个 css 文件。我想把它们合二为一。但是当我组合它们时(只是“连接”文件，以便将它们包含到 html 中)，我的样式/布局中断了。这不是路径问题或其他问题，只是选择器无法像以前那样工作。

我是不是遗漏了什么，或者我的文件太大了？可能是什么问题呢？我认为只要保留顺序，样式是在一个文件中还是在多个文件中(它们不应该是)没有区别...

干杯

Answer 1

确保您的文件中没有@import 指令。根据 CSS 规范，它只能放在其他规则之前。忽略所有其他导入。

例如:

1.css:

BODY {background: #fff; }

2.css:

@import "foobar.css";

1+2.css:

BODY {background: #fff; }
@import "foobar.css"; /* This import won't work. */