纯CSS实现列表颜色循环变化,多少个都可以实现

凯隐 2     141      前端   1     0
一切好的点子都是实践中磨练出来的,
CSS代码如下(3个颜色循环显示):
.flex-item:nth-child(3n+1){
	background-color:red;
}
.flex-item:nth-child(3n+2){
	background-color:green;
}
.flex-item:nth-child(3n+3){
	background-color:bule;
}





CSS代码如下(4个颜色循环显示):  
.flex-item:nth-child(4n+1){
	background-color:red;
}
.flex-item:nth-child(4n+2){
	background-color:green;
}
.flex-item:nth-child(4n+3){
	background-color:blue;
}
.flex-item:nth-child(4n+4){
	background-color:yellow;
}



四个颜色变化,5个6个的,以此类推


虽然简单,但是你不容易想得到,记录一下,日后方便使用


😏





烟雨朦胧、人去楼空  
1楼
前端的饭碗你也要抢了[思考]
单行、唯一  
没有办法,发不起工资
captcha
忘记密码? 注册
第三方登录
微信赞赏
支付宝赞赏