当前位置: 首页 > Web前端 > CSS

如何使列表中奇数行和偶数行的背景颜色不同?

时间:2023-03-30 15:09:56 CSS

如果使用原生js,需要判断,比如for(vari=0;i<元素行数;i++){if(i%2==0){//奇数行代码}else{//偶数行代码}}和css也可以用来添加奇偶行的样式,比如元素为tr的奇偶设置tr:nth-child(odd){background:#0f0;}tr:nth-child(偶数){背景:#ff0;}