好的,我有一个情况,我有一组颜色,比如说10
种。
现在我想为子元素运行这个颜色列表,并将它们的颜色从1到10分配给它们;但是我事先不知道会有多少子元素,所以我不确定该如何处理。
例如,第一个子元素应该有颜色1,但第11个子元素也应该有颜色1(因为颜色列表已经重新开始),显然第二个子元素将获得颜色2,第12个子元素将获得颜色2,以此类推...
HTML示例:
<ul>
<li>Some Text</li> <!-- Color #1 -->
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li> <!-- Color #10 -->
<li>Some Text</li> <!-- Color #1 -->
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li>
<li>Some Text</li> <!-- Color #7 -->
</ul>
有没有什么方法可以使用 `:nth-child` 或者 Sass 函数来实现这个功能?