@while是一个循环指令,其后跟着一个表达式,如果表达式的返回值为false,则停止循环。
scss代码实例如下:
$i: 6; @while $i > 0 { .item-#{$i} { width: 2em * $i; } $i: $i - 2; }
编译后的css代码如下:
.item-6 { width: 12em; } .item-4 { width: 8em; } .item-2 { width: 4em; }
@while是一个循环指令,其后跟着一个表达式,如果表达式的返回值为false,则停止循环。
scss代码实例如下:
$i: 6; @while $i > 0 { .item-#{$i} { width: 2em * $i; } $i: $i - 2; }
编译后的css代码如下:
.item-6 { width: 12em; } .item-4 { width: 8em; } .item-2 { width: 4em; }