在Sass @for循环中指定步骤

Question

如何在Sass中实现$i in [2,4,6,8]？ 这是我试过的：

@for $i from 2 through 8 step 2 {

Answer 1

可悲的是，没有一个步骤功能，相反，你会做一个小小的黑客来混淆系统。

要构建for语句，如果添加if语句以检查该号码是否可被2除，则它应该为您提供所需内容。

@for $i from 2 through 8 {
  @if $i % 2 == 0 {
    // do stuff
  }  
}

另一种方法是使用while语句：

$i: 2;
@while $i < 9 {
  // do stuff
  $i: $i + 2;
}