scss-@while指令
@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; }
一步一个脚印,认真学下去,相信我们都会成为心目中的技术大牛!!!加油!!!