css - 打包时 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. */