2017-04-05 60 views
2

我有0-5產生數的循環,但希望它也產生多達20個,但在5SASS多個增量值

期望的結果將是倍數:

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

這是可能在一個@for語句中嗎?

回答

3
@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

+0

謝謝!非常有意義。非常感激。 –

+1

沒問題丹尼,如果你能接受這個答案,將不勝感激! –