在 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;
}