将一个较少的文件编译成许多css文件

Question

假设我们有一个main.css，它具有以下内容（当然，这个场景非常简化）：

body {
  background-color: #ffffff;
}

但是，还有一些主题，它们具有不同的背景颜色。 所以我们最终得到了五个不同的css文件：

• 的main.css
• main_blue.css
• main_red.css
• main_yellow.css
• main_green.css

但现在它已经不再可维护了。如果我必须在main.css中更改某些内容，我还必须更改其他文件！

所以我在互联网上浏览并浏览http://lesscss.org/这看起来很有希望。 但是，我也不知道如何将一个较少的文件编译成多个css文件。我也不知道这是否是正确的方法。 然而，在css文件顶部声明变量的想法让我高兴。

所以我想知道：LESS能否解决这个问题？ （如果是这样，怎么样？） 或者有更好的方法来解决这个问题吗？

Answer 1

感谢Harry的评论，我最终得到了以下解决方案： 对于每个主题，只需创建另一个包含以下内容的.less文件：

@import "main.less";
@mainbackground-color: #96c8fd;

请注意，导入后会有更多变量。