css的奇偶属性 |css ie7 页面被拉长 空白

/* 选择奇数行 */
tr:nth-child(odd) {
background-color: #f2f2f2;
}
/* 选择偶数行 */
tr:nth-child(even) {
background-color: #d4d4d4;
}
/* 选择奇数列 */
td:nth-child(2n+1) {
color: red;
}
/* 选择偶数列 */
td:nth-child(2n) {
color: blue;
}

在这个例子中，大家使用了nth-child()伪类选择器选择了奇数列和偶数列的单元格和行，然后对其进行样式设置。奇偶属性有两种方式：odd和even。它们分别用于选取奇数行或偶数行。

您也可以通过奇偶属性来设置元素的颜色。在这个例子中，大家先选择了第一列，接着选择了2n+1列，这意味着每个偶数列。然后将这些单元格中的文本颜色设置为红色。最后，大家选择了偶数列，将这些单元格中的文本颜色设置为蓝色。

通过使用奇偶属性，您可以轻松地交替改变元素的样式，让网页更加美观和易于阅读。