可能有三种颜色的列表:
$ color-list:xyz;
然后通过循环使用这三种颜色并将它们添加到无序列表项上。
我想要:
<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)函数,但是在第一次通过列表后,它只是停止应用颜色。我希望颜色保持循环,直到用尽列表项以将其应用到其中。
萨斯有可能吗?
如果纯CSS有可能,Sass也有可能。这将适用于多种颜色:
http://codepen.io/cimmanon/pen/yoCDG
输出: