sass遍历问题

Question

在sass的for循环中想得到类似 $colorList1、 $colorList2、 $colorList3的值怎么出错了。$colorList1、 $colorList2、 $colorList3是我在前面定义的变量。

Answer 1

你的‘$colorList#{$var}’里面的‘$colorList’,你想sass是该拿它当作变量处理好还是当字符串处理好？
变量写在数组里面嘛，搞得这么别扭。

Answer 2

用list或者map：

$list: #aaa,#0ab,#b0a,#f00;
li {
    @for $i from 1 through 4 {
        &:nth-child(#{$i}) { 
                   color: nth($list, $i);
        }
    }
}

其中nth是sass中取得数组元素的函数