css - 如何在 Less 中使用带有 & 符号 ( &-@var { ) 的变量

Question

几个月前我发现了 Less，它帮助我提高了效率。

但是在这里我遇到了一个问题。我认为我的伪代码描述了我的问题。谢谢你的帮助! :)

.divide {
    @index:2;
    &-@index {
        @value:100/@index;
        width: ~"@{value}%";
    }
}

我想要的是:

.divide-2 {
    width:50%;
}

Answer 1

试试这个:

@index:2;
.divide-@{index} {
    @value:100/@index;
    width: ~"@{value}%";
}