如何在变量中添加一个点以用作less中的选择器

Question

我目前正在获得此输出：

.'teal-dark' { color: #xxx; }

我想要的是：{

.teal-dark { color; #xxx; }

以下是我要做的事情：

 @teal-dark: #xxx;
.@{currentMember} div { background: ~"@{@{currentMember}}" };

Answer 1

请参阅：http://lesscss.org/features/#variables-feature-variable-interpolation http://lesscss.org/features/#variables-feature-variable-names和

@current-member: teal-dark;
@teal-dark: red;

.@{current-member} {
color: @@current-member;
}

编译成：

.teal-dark {
  color: red;
}

可能的相关问题：

• Defining Variable Variables using LESS CSS
• Dynamic class names in LESS

Answer 2

以下是其他帖子的解决方法：

    @selector: ~'.@{currentMember}';
    @{selector} div { background: ~"@{@{currentMember}}" };