10 09/2014

lesscss loop

最后更新: Wed Sep 10 2014 12:29:11 GMT+0800

.less 内容

.loopingClass (@index) when (@index > 0) {
    (~".li@{index}") {
        padding-left : 6px * @index;
    }
    .loopingClass(@index - 1);
}
.loopingClass (0) {}
.loopingClass(5);

输出的 .css

.li5 {
  padding-left: 30px;
}
.li4 {
  padding-left: 24px;
}
.li3 {
  padding-left: 18px;
}
.li2 {
  padding-left: 12px;
}
.li1 {
  padding-left: 6px;
}