<div class="total-container"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <!-- ... --></div>.item{ height: 20px; margin-bottom: 10px;}.item:nth-child(4n+1){ background: red;} .item:nth-child(4n+2){ background: blue;} .item:nth-child(4n+3){ background: green;} .item:nth-child(4n+4){ background: yellow;}要点是这个n,它是非负整数,可以取0。
首先你应该给出例子,不然你这循环我都不知道你在说啥,可能你说的是:add,如果你说的是循环一个数组里面的颜色的话你可以采用sass去编写css文件。附带sass官网机票,http://www.w3cplus.com/sassguide/