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; 
}
原文地址:https://www.cnblogs.com/ibabyli/p/9871421.html