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

jquery - 将每个项目悬停在ul不同的颜色中,第1张

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

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

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

最佳答案:

1 个答案:

答案 0 :(得分:2)

使用: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/

本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复