@for
@for 规则，其写法为 @for <variable> from <expression> to <expression> { ... } 或 @for <variable> from <expression> through <expression> { ... }，它从一个数字（第一个表达式的结果）数到另一个数字（第二个表达式的结果），并为中间的每个数字评估一个代码块。沿途的每个数字都被分配给给定的变量名。如果使用 to，则不包括最后一个数字；如果使用 through，则包括它。
@for 规则，其写法为 @for <variable> from <expression> to <expression> { ... } 或 @for <variable> from <expression> through <expression> { ... }，它从一个数字（第一个表达式的结果）数到另一个数字（第二个表达式的结果），并为中间的每个数字评估一个代码块。沿途的每个数字都被分配给给定的变量名。如果使用 to，则不包括最后一个数字；如果使用 through，则包括它。
$base-color: #036;
@for $i from 1 through 3 {
ul:nth-child(3n + #{$i}) {
background-color: lighten($base-color, $i * 5%);
}
}
$base-color: #036
@for $i from 1 through 3
ul:nth-child(3n + #{$i})
background-color: lighten($base-color, $i * 5%)
ul:nth-child(3n+1) {
background-color: rgb(0, 63.75, 127.5);
}
ul:nth-child(3n+2) {
background-color: rgb(0, 76.5, 153);
}
ul:nth-child(3n+3) {
background-color: rgb(0, 89.25, 178.5);
}