在循环中更改变量名称

时间:2015-07-13 12:12:32

标签: less mixins less-mixins

我需要变量name在循环中更改为treesballoons等以获取

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

但我获得了:

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

试过这个混合但是没有用,我做错了什么?

@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);

1 个答案:

答案 0 :(得分:2)

查看此codepen,您必须使用所需名称的list,并且您可以通过索引获取列表中的任何元素:

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