CSS選擇器中有一個很有用的偽類選擇器，可以選擇表格中的奇數(shù)行——nth-child(odd)。這個選擇器可以應(yīng)用于表格、列表、網(wǎng)格等樣式，讓我們來看看如何使用它。

tr:nth-child(odd) {
background-color: #f2f2f2;
}

上述代碼的含義是選擇表格的奇數(shù)行，并設(shè)置其背景為灰色?？梢愿鶕?jù)需要修改背景顏色、字體等屬性。

需要注意的是，nth-child選擇器是基于整個dom樹的，也就是說，選擇器會選擇所有的元素。如果只需要選擇表格中的奇數(shù)行，需要給表格的樣式選擇器加上context規(guī)則：

table {
width: 100%;
}
table tr:nth-child(odd) {
background-color: #f2f2f2;
}

上述代碼中，增加了table前綴，這樣僅在表格中選擇奇數(shù)行。

除了nth-child(odd)選擇器，還有其他選擇器可以應(yīng)用于表格樣式中，例如nth-child(even)、nth-child(3n)等，可以根據(jù)需要選擇。需要注意的是，IE8及以下的瀏覽器不支持nth-child選擇器，需要使用JavaScript等技術(shù)來實現(xiàn)奇偶行樣式。