将每个项目悬停在ul不同的颜色中

Question

我需要让每个li在变换时变成不同的颜色。我知道你可以使用：first-child和：last-child，但是你可以选择1st，2nd，3rd等吗？我正在更改Wordpress导航菜单中的每个项目。

一分钟有五个项目，如果你能告诉我一种使用CSS / jQuery将每种颜色设置为不同颜色（最好是CSS）的方法，那就太棒了。

如果可以设置它会更好，所以如果以后添加更多项目，他们可以随机选择五种颜色中的一种。

Answer 1

使用:nth-child()或:nth-of-type CSS选择器：

p:nth-child(2) {
    background: #ff0000;
}

OR

p:nth-of-type(2) {
    background: #ff0000;
}

DEMO： https://jsfiddle.net/lmgonzalves/bv9h7ue3/1/