css选择器选择奇数行或偶数行
实现方式有两种
方式一:nth-child
/* 奇数行*/ div:nth-child(odd){ } /* 偶数行 */ div:nth-child(even){ }
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。
方式二:nth-of-type
/* 奇数行*/ div:nth-of-type(odd){ } /* 偶数行 */ div:nth-of-type(even){ }
nth-of-type(n) : 匹配同类型中的第n个同级兄弟元素。
区别:其实两者使用起来基本上是一样的,既然我们设置奇偶样式,大多数情况也都是给同类型标签进行设置的。
标签:奇数,偶数,nth,child,type,选择器,css From: https://www.cnblogs.com/beileixinqing/p/16948958.html