当前位置: 首页 - 编程技术 - 文章正文

table隔行变色

xiaoqihv
tr:nth-child(2n){background-color: #A9C7E1;}

nth-child选取其父元素的第 N 个子元素,2n即为偶数行,设置颜色。 参数也可以是别的,例如odd 和 even 是可用于匹配下标是奇数或偶数,3n,4n等. 如果这个不好用,还有下边这个, nth-of-type选择器匹配属于父元素的特定类型的第 N 个子元素。

tr:nth-of-type(2n){background-color: #A9C7E1;}
文章地址:https://wenmayi.cn/post/4849.html