如何只用 css 循环一组颜色

兄弟姐妹们哪位知道,如何只用 css 循环一组颜色
最新回答
铲屎大将军

2024-10-22 12:53:24

<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。
浪里个浪

2024-10-22 08:11:50

首先你应该给出例子,不然你这循环我都不知道你在说啥,可能你说的是:add,如果你说的是循环一个数组里面的颜色的话你可以采用sass去编写css文件。附带sass官网机票,
http://www.w3cplus.com/sassguide/