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

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}%";
}