如下图,三种背景色循环展示
利用伪类选择器nth-child()
公式为:
3n+1
3n+2
3n
代码如下
div:nth-child(3n+1){
background-color: #817AE3;
}
div:nth:nth-child(3n+2){
background-color: #FF6A88;
}
div:nth:nth-child(3n){
background-color: #FBAB7E;
}
如下图,三种背景色循环展示
利用伪类选择器nth-child()
公式为:
3n+1
3n+2
3n
代码如下
div:nth-child(3n+1){
background-color: #817AE3;
}
div:nth:nth-child(3n+2){
background-color: #FF6A88;
}
div:nth:nth-child(3n){
background-color: #FBAB7E;
}