@for语句中的SASS多个增量值

Question

我有一个循环，它从0到5生成数字，但希望它也能生成最多20，但以5的倍数表示。

预期的结果将是：

0，1，2，3，4，5，10，15，20

这在一个单一的@for语句中是可能的吗？

Answer 1

@for $i from 0 through 20 {
  @if $i < 5 and $i > 0 {
    .number-#{$i} {
            height:(#{$i}px);
        }
  }
    @if $i % 5 == 0 {
        .number-#{$i} {
            height:(#{$i}px);
        }
    }
}

输出将是

.number-0 {
  height: 0px;
}

.number-1 {
  height: 1px;
}

.number-2 {
  height: 2px;
}

.number-3 {
  height: 3px;
}

.number-4 {
  height: 4px;
}

.number-5 {
  height: 5px;
}

.number-10 {
  height: 10px;
}

.number-15 {
  height: 15px;
}

.number-20 {
  height: 20px;
}

for循环将通过0到20。i检查1-5通过第一个if语句，使用模数i我检查可除以5。