缺少使用循环生成动态类

Question

我想生成这样的分类

.w1 { width: 1%; }
.w2 { width: 2%; }
...
.w99 { width: 99%; }
.w100 { width: 100%; }

我创建了一个LESS循环，然而，它抱怨我错过了一个括号。

Expected '}' but found 'i' on line 39 in file '/css/general.less':
 [38]:   (~".w@{index}") {
 [39]:      width: @{i}%;
       --^
 [40]:   }

我已计算括号。我错误地定位了吗？我的错误在哪里？

@iterations: 100;

.width-loop (@i) when (@i > 0) {
     (~".w@{i}") {
        width: @{i}%;
     }
    .width-loop(@i - 1);
}
.width-loop(@iterations);

Answer 1

而不是“索引”使用“我”。将(~".w@{index}") {更改为(~".w@{i}") {

编辑： 从相关行中删除括号（我正在向％添加转义）

 width: @i ~'%';

编辑:(％SIGN之前没有空间）

@iterations: 100;

.width-loop (@i) when (@i > 0) {
     (~".w@{i}") {
        width: ~"@{i}%";
     }
    .width-loop(@i - 1);
}
.width-loop(@iterations);