Question

我有一组四种颜色，我想知道是否可以使用这四种颜色作为循环来改变图案中div的颜色。所以，例如：

div1 =红色 div2 =蓝色 div3 =绿色 div4 =黄色 [重新开始] div5 =红色 div2 =蓝色 div3 =绿色......等等。

我认为jQuery / JS会是最好的。我尝试过使用nth-childs等，但不是很强大。

任何帮助？

谢谢， [R

Answer 1

你可以用CSS做到这一点：

div:nth-child(4n+1) { background-color : red; }
div:nth-child(4n+2) { background-color : blue; }
div:nth-child(4n+3) { background-color : green; }
div:nth-child(4n+4) { background-color : yellow; }

演示：http://jsfiddle.net/RLmgD/

但如果你真的想要jQuery：

$(document).ready(function() {
    $("div:nth-child(4n+1)").css("background-color","red");
    $("div:nth-child(4n+2)").css("background-color","blue");
    $("div:nth-child(4n+3)").css("background-color","green");
    $("div:nth-child(4n+4)").css("background-color","yellow");
});

演示：http://jsfiddle.net/RLmgD/1/

使用四种颜色的不同的背景颜色在样式

1 个答案: