less循环写css工具类

//margin-right=================
.mr(100);

.mr(@n, @i: 1) when (@i =< @n) {
.mr-@{i} {
margin-right: @i+px;
}
.mr(@n, (@i + 1));
}

less里面+-号挺难弄的,多实验几次差不多就有点体会了

我觉得在样式里面的话+相当于链接符号

@i+px如果这里不写+号就是报错,不能编译,万望大家注意了