scss-@for 指令

　　此指令用於循環輸出，具有兩種循環方式，下面分別做一下介紹。

　　（1）.@for $var from <start> through <end>:

　　此種方式的遍歷索引區間是[start,end]，scss代碼實例如下:

@for $i from 1 through 3 {
  .item-#{$i} { width: 2em * $i; }
}

　　編譯后的css代碼如下:

.item-1 {
  width: 2em;
}
.item-2 {
  width: 4em;
}
.item-3 {
  width: 6em;
}

　　（2）.@for $var from <start> to <end>:

　　此種方式的遍歷索引區間是[start,end-1]，scss代碼實例如下:

@for $i from 1 to 3 {
  .item-#{$i} { width: 2em * $i; }
}

　　編譯后的css代碼實例如下:

.item-1 {
  width: 2em;
}
.item-2 {
  width: 4em;
}