loop for less

loop.less

.loop(@index) when (@index > 0) {
    selector:nth-child(@index) {
        property: @index * 1px; // use @index
    }
    .loop(@index - 1); // 递归
}

// Example

.loop(@index) when (@index > 0) {
    ul li:nth-child(@index) {
        border: @index * 1px; // use @index
    }
    .loop(@index - 1); // 递归
}
.loop(5);

// output

ul li:nth-child(5) {
  border: 5px;
}
ul li:nth-child(4) {
  border: 4px;
}
ul li:nth-child(3) {
  border: 3px;
}
ul li:nth-child(2) {
  border: 2px;
}
ul li:nth-child(1) {
  border: 1px;
}