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

Question

我正在试着做这样的事情

@foo: lorem;
@bar: ipsum;

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

预期结果：

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

我只找到了一个变量的插值，

.lorem-@{bar} { }

Answer 1

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

我尝试像这样附加&

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

而且它起作用了。