什么是奇偶行？
在网页布局中，有时候需要对表格或者列表的奇数行和偶数行进行不同的样式设置，这就需要对奇偶行进行选择。奇偶行是指从第一行开始，每隔一行出现的行。比如，第1、3、5、7行就是奇数行，第2、4、6、8行就是偶数行。
选择奇偶行的两种方法
1. 使用伪类:nth-child
nth-child可以匹配某个元素的父元素下的指定位置的子元素，其中n是一个整数，具体使用形式为：
selector:nth-child(an+b){ property: value; }其中，选择器（selector）为需要选择的元素，an+b表示选择的规则，property为要设置的样式属性，value为属性值。
选择奇数行的方法为：
tr:nth-child(odd){ background-color: #f2f2f2; }选择偶数行的方法为：
tr:nth-child(even){ background-color: #f2f2f2; }可以看到，nth-child方法选择奇偶行非常简单，只需要使用奇数或偶数的伪类即可。
2. 使用伪类:nth-of-type
nth-of-type伪类是从选择器的父元素中选择特定类型的子元素，并匹配子元素在父元素中的位置。与nth-child伪类不同的是，nth-of-type仅匹配父元素的某种特定类型的子元素。
选择奇数行的方法为：
tr:nth-of-type(odd){ background-color: #f2f2f2; }选择偶数行的方法为：
tr:nth-of-type(even){ background-color: #f2f2f2; }nth-of-type方法和nth-child方法很相似，但是需要注意的是，nth-of-type只会匹配相同类型的元素，而nth-child可以匹配任何类型的元素。
总结
选择奇偶行元素有两种方法，第一种是使用nth-child伪类，第二种是使用nth-of-type伪类。它们的使用非常简单，只需要设置选择器和对应的奇数或偶数伪类即可。使用这些方法，我们可以轻松地为表格和列表设置不同的奇偶行样式，使页面看起来更加整洁和美观。