如果是id，less.css更改主题变量

Question

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

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

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

@primaryColour: red;

body#secondTheme {
  @primaryColour: yellow;
}

Answer 1

您无法覆盖LESS中的变量（在同一范围内）。文档具体说：

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

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

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

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