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