less中的loop循环

1. 在项目中管理css一般都会使用预编译语言，其中less算是比较好用的一种。
2. 但是官方给的介绍中关于循环生成变量名的方法比较简单，没有针对一串数组值来编译变量名的方法。
3. 总结很多文档之后，总结了下面方法用于快速生成css的方法，虽然直接用手写的方式也能使用，但是感觉那样很low。

//下面是使用函数生成margin类名的方式
//定义margin数组
@0px:0px;//使用px单位时有个坑，必须采用+的方式，不然编译的不对
@marginList:1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,24,30,40,48,50,75;
//margin-left函数
.ml-loop(@list,@i:1,@val:extract(@list,@i)) when (length(@list)>=@i){
    .ml@{val}{
        margin-left:@val + @0px;
    }
    .ml-loop(@list,(@i+1));
}
.ml-loop(@marginList);

//生成的目标类名
.ml1{
    margin-left:1px;
}
.ml2{
    margin-left:2px;
}
...