SASS取for循环值

SASS不仅可以for循环样式名，还可以直接取for循环里的变量！

@for $i from 1 throught 5 {
      mgt#{$i}{
            margin-top: 1px * $i;
}

.myCss{
        @extend .mgt4;
}

等于

.myCss{
      margin-top: 4px;
}

这是怎么发生的呢？因为实际的过程是：

for循环编译后的结果

.mgt1 { margin-top: 1px; }
.mgt2 { margin-top: 2px; }
.mgt3 { margin-top: 3px; }
.mgt4 { margin-top: 4px; }
.mgt5 { margin-top: 5px; }

.myCss {
      @extend .mgt4;
}

关注我，日更1个教程里没有的前端小知识点。
动动你发财的小手，给拎包哥点个赞吧！