Javascript 更改列表中每个属性的颜色（把手JS和CSS）

使用手柄，我可以显示从Spotify拍摄的艺术家列表。我希望能够改变每个艺术家的颜色和风格，但我不知道如何将他们分开来做到这一点？我该怎么做呢？非常感谢您的帮助或为我指明了正确的方向

<script id="artists" type="text/x-handlebars-template">
    <h2>artists
      </h2>
    <dl class="pull-left">
      <dd class="text-overflow" id="artistcolumn">
        <ol>
          {{#each items}}
          <li>{{name}}</li>
          {{/each}}
        </ol>
      </dd>
    </dl>
  </script>

艺术家
{{{#每项}
{{name}}
{{/每个}}

我尝试过使用：nth-of-type（）或artistcolumn，但它不起作用

---

您可以通过设置列表的CSS来实现。以下是一个例子：

li:n个孩子（1）{
颜色：蓝色；
}; 
李：第n个孩子（2）{
颜色：橙色；
}; 
李：第n个孩子（3）{
颜色：绿色；
}

---

为每个列表项设置颜色的另一种方法是为渲染的每个项添加颜色。

---

如果

items

是一个对象数组，您可以设置

items[index].color=#0000FF

，然后对每个

li

HTML元素应用十六进制颜色。

您好，先生。你能提供更多的细节吗？你到底想改变什么（哪种风格）？谢谢你的回复。我在第一篇文章中添加了一个图像。我希望每行的颜色都不一样。我想我可以通过改变列表的CSS来解决这个问题。。这是正确的方法吗？您可以使用

li:nth child（1）{color:red；}；li:n子（2）{颜色：蓝色；}；李：第n个孩子（3）{color:green；}

等等。非常感谢！