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;  
}