在循环中更改变量名

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，你必须使用所需名称的list，你可以通过它的索引获取列表的任何元素：

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