Less – 循环

Less 循环语句让你可以多次执行某些操作。循环语句一般通过mixin的递归调用实现,通常会设置退出条件以便退出递归。

Less 代码:

.cont(@count) when (@count > 0) {  
  .cont((@count - 1));  
  width: (25px * @count);  
}  
div {  
  .cont(7);  
}    

这里是一个mixin(.cont)的递归调用,编译后的CSS输出:

div {  
  width: 25px;  
  width: 50px;  
  width: 75px;  
  width: 100px;  
  width: 125px;  
  width: 150px;  
  width: 175px;  
}  


浙ICP备17015664号 浙公网安备 33011002012336号 联系我们 网站地图  
@2019 qikegu.com 版权所有,禁止转载