javascript - sass遍历问题

问题描述

问 题

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

解决方案

用list或者map：

$list: #aaa,#0ab,#b0a,#f00;

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

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

这篇关于javascript - sass遍历问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！