Sass「For」和「Multiple Of」

Question

我有一個框的列表。

#box-1 {} 
#box-2 {} 
#box-3 {} 

在青菜我寫道：

@mixin boxnumerati($levels) 
{ 
    @for $i from 1 to $levels 
    { 
    #box-#{$i} 
    { 
     @if $i == 2 { 
     background: #ff0000; 
     height: 200px; 
     width:200px; 
     display: inline-block; 

     } @else { 
     background: #000; 
     height: 100px; 
     width:100px; 
     display: inline-block; 
     } 
    } 
    } 
} 

我想要的2每多個箱子是紅色的。 我該怎麼做？

Answer 1

可以使用模運算符％：

@mixin boxnumerati($levels) 
{ 
    @for $i from 1 to $levels 
    { 
    #box-#{$i} 
    { 
     @if $i%2 == 0 { 
     background: #ff0000; 
     height: 200px; 
     width:200px; 
     display: inline-block; 

     } @else { 
     background: #000; 
     height: 100px; 
     width:100px; 
     display: inline-block; 
     } 
    } 
    } 
}