Less循環

在Less中，mixin可以調用它自身。通過這種遞歸調用，再結合Guard表達式和模式匹配，就可以寫出各種循環結構。如，使用循環來創建一個網格類：

1. .generate-columns(4);
2. .generate-columns(@n, @i: 1) when (@i =< @n) {
3.   .column-@{i} {
4.     width: (@i * 100% / @n);
5.   }
6.   .generate-columns(@n, (@i + 1));
7. }

編譯后的CSS代碼為：

1. .column-1 {
2.   width: 25%;
3. }
4. .column-2 {
5.   width: 50%;
6. }
7. .column-3 {
8.   width: 75%;
9. }
10. .column-4 {
11.   width: 100%;
12. }