CSS3设置Table奇数行和偶数行样式
table:
.myTable tr:nth-child(even){ //偶数行
background:#fff;
}
.myTable tr:nth-child(odd){ //奇数行
background:#f5f2eb;
}
ul列表:
#Ulist li:nth-of-type(odd){ margin-left: 20px;}奇数行
#Ulist li:nth-of-type(even){margin-left: 10px;}偶数行
table:
.myTable tr:nth-child(even){ //偶数行
background:#fff;
}
.myTable tr:nth-child(odd){ //奇数行
background:#f5f2eb;
}
ul列表:
#Ulist li:nth-of-type(odd){ margin-left: 20px;}奇数行
#Ulist li:nth-of-type(even){margin-left: 10px;}偶数行
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步