如何在LESS中的String中执行变量计算/加法？

Question

是否可以将“3”（而不是“1 + 2”）作为此片段中的最终输出？

@a: 1;
@b: 2;
div {
  font-family: "@{a}+@{b}";
}

更新

输出应该仍然是字符串：

font-family: "3";

Answer 1

您的示例接缝将被剥离。 如果你真的想要一个字符串，请使用LESS字符串格式。

以下是文档：http://lesscss.org/functions/#string-functions--format

// LESS
@a: 1;
@b: 2;

div {
   font-family: %("%a", @a + @b);
}

// Generated output
div { font-family: "3" }

Answer 2

你只需要这样做：

@a: 1;
@b: 2;
div {
  font-family: @a + @b;
}

请注意，a和b变量之间存在空格