@for循环:

方式1:@for $i from {开始值} through {结束值}
方式2:@for $i from {开始值} to {结束值} 

注意:through包含结束值,to不包含结束值。

示例:

scss代码:

@for $i from 1 through 3{
    .z#{$i}
    {
        transform: rotate(30deg * $i);
    }
}

编译出的css如下:

.z1 {
    transform: rotate(30deg)
}

.z2 {
    transform: rotate(60deg)
}

.z3 {
    transform: rotate(90deg)
}