less - 在循环中更改变量名

Question

我需要在循环中将变量name更改为trees等balloons以获得

.trees{ color:1;}
.balloons { color:2;}

但我得到了：

.trees{color:2}  
.name{color:1}

试过这个mixin但没有用，我做错了什么？

@name:name;
.name(@index) when (@index = 2) {@name: balloons;}
.name(@index) when (@index = 1) {@name: trees;}
.name(@index) when (@index > 0) {
.@{name}{ color:@index; }
  .name(@index - 1)
}
.name(2);

Answer 1

看看这个codepen，你必须使用所需名称的列表，你可以通过它的索引获取列表的任何元素：

@item: extract(@names, @index);