如何在 Less 中将两个变量连接为选择器

Question

我正在尝试做这样的事情

@foo: lorem;
@bar: ipsum;

.@{foo}-@{bar} {
  // css-here
}

预期结果：

.lorem-ipsum {
  /** css-here
}

我只发现了一个变量的插值，

.lorem-@{bar} { }

Answer 1

我想我刚刚找到了答案，但不知道这是最好的还是唯一的方法。

我尝试像这样附加&

.@{foo}&-@{bar} { ... }

它成功了。