騎自行車穿過一系列帶有sass的顏色

Question

可能有三種顏色的列表：

$ color-list：x y z;

然後通過循環應用這三種顏色並將它們添加到無序列表項上。

我想：

<li>row 1</li> (gets color x) 
<li>row 2</li> (gets color y) 
<li>row 3</li> (gets color z) 
<li>row 4</li> (gets color x) 

等等等等。

我曾嘗試使用@each（http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#each-directive）函數，但它只是在第一次通過列表後停止應用顏色。我希望顏色能夠保持騎行，直到列表中的項目用完爲止。

這是可能與sass？

Answer 1

如果它可能與純CSS，它可能與薩斯。

http://codepen.io/cimmanon/pen/yoCDG

$colors: red, orange, yellow, green, blue, purple; 

@for $i from 1 through length($colors) { 
    li:nth-child(#{length($colors)}n+#{$i}) { 
     background: nth($colors, $i) 
    } 
} 

輸出：

li:nth-child(6n+1) { 
    background: red; 
} 

li:nth-child(6n+2) { 
    background: orange; 
} 

li:nth-child(6n+3) { 
    background: yellow; 
} 

li:nth-child(6n+4) { 
    background: green; 
} 

li:nth-child(6n+5) { 
    background: blue; 
} 

li:nth-child(6n+6) { 
    background: purple; 
}