For

最后更新于:2022-04-01 10:48:04

当需要聚合伪类 `:nth-*` 的时候,使用 `@for` 循环很有用。除了这些使用场景,如果_必须_迭代最好还是使用 `@each` 循环。 ~~~ @for $i from 1 through 10 { .foo:nth-of-type(#{$i}) { border-color: hsl($i * 36, 50%, 50%); } } ~~~ 要坚持一贯的传统,始终使用 `$i` 作为变量名,除非有非常好的原因,否则永远不要使用 `to` 关键字:而是始终使用 `through`。许多开发者甚至不知道 Sass 有这个变化;使用它可能会造成混乱。 最后,确保遵循规范以保持可读性: * `each` 前添加空行; * 除非下一行是右闭大括号(`}`),否则在所有右闭大括号(`}`)后面添加新行。
';