SASS多个增量值

Question

我有0-5产生数的循环，但希望它也产生多达20个，但在5

期望的结果将是倍数：

0,1,2,3,4,5,10,15,20

这是可能在一个@for语句中吗？

Answer 1

@for $i from 0 through 20 { 
    @if $i < 5 and $i > 0 { 
    .number-#{$i} { 
      height:(#{$i}px); 
     } 
    } 
    @if $i % 5 == 0 { 
     .number-#{$i} { 
      height:(#{$i}px); 
     } 
    } 
} 

输出将

.number-0 { 
    height: 0px; 
} 

.number-1 { 
    height: 1px; 
} 

.number-2 { 
    height: 2px; 
} 

.number-3 { 
    height: 3px; 
} 

.number-4 { 
    height: 4px; 
} 

.number-5 { 
    height: 5px; 
} 

.number-10 { 
    height: 10px; 
} 

.number-15 { 
    height: 15px; 
} 

.number-20 { 
    height: 20px; 
} 

的for循环会经过0到20。我检查1-5通过第一个if语句中，使用模数II检查整除5