参考、转载地址:https://blog.youkuaiyun.com/weixin_42801311/article/details/108098258
需求:遍历某个类10次
代码:
.loop( @index) when(@index <= 10 ) {
.ml-@{index} {
margin-left: @index * 1px;
}
.loop(@index + 1);
}
.loop(1);
结果:
.ml-1 {
margin-left: 1px;
}
.ml-2 {
margin-left: 2px;
}
.ml-3 {
margin-left: 3px;
}
.ml-4 {
margin-left: 4px;
}
.ml-5 {
margin-left: 5px;
}
.ml-6 {
margin-left: 6px;
}
.ml-7 {
margin-left: 7px;
}
.ml-8 {
margin-left: 8px;
}
.ml-9 {
margin-left: 9px;
}
.ml-10 {
margin-left: 10px;
}