Как петля класс стоимости недвижимости в CSS МЕНЬШЕ

Question

У меня есть этот SCSS код

.order { 
    @for $i from 1 through 3 { 
    &--#{$i} { order: $i; } 
    } 
} 

Что компилирует это в CSS

.order--1 { 
    order: 1; 
} 
.order--2 { 
    order: 2; 
} 
.order--3 { 
    order: 3; 
} 

Как я сделать ту же функцию в CSS LESS?

Answer 1

@i: 1; 
.order (@i) when (@i <= 3) { 
    .order--@{i} { 
     order: ~"@{i}"; 
    } 
    .order(@i + 1); 
} 
.order (@i); 

Результат является:

.order--1 { 
    order: 1; 
} 
.order--2 { 
    order: 2; 
} 
.order--3 { 
    order: 3; 
} 

Answer 2

Эта часть меньше кода:

.order(@n, @i: 1) when (@i =< @n) { 
    .order--@{i} { 
    order: @i; 
    } 
    .order(@n, (@i + 1)); 
} 

.order(3); 

Результаты в этом CSS:

.order--1 { 
    order: 1; 
} 
.order--2 { 
    order: 2; 
} 
.order--3 { 
    order: 3; 
}