css - 在 id 的情况下，less.css 更改主题变量

Question

在我的 less 文件中，我将可变主题颜色定义为：@primaryColour: red;

但是当我body的id发生变化时，我想将整体主题颜色改为'@primaryColour: blue;

如何重新定义这个主题颜色？这不起作用：

@primaryColour: red;

body#secondTheme {
  @primaryColour: yellow;
}

Answer 1

您不能覆盖 LESS 中的变量（在同一范围内）。该文档特别指出：

请注意，LESS 中的变量实际上是“常量”，因为它们只能定义一次。

我建议你使用这样的东西：

.colorDefs(@color) {
    @primaryColour: @color;
}

body#firstTheme {
  .colorDefs(red);
}
body#secondTheme {
  .colorDefs(yellow);
}