在 CSS 中，我們可以使用 :nth-child(an+b) 偽類來實(shí)現(xiàn)奇偶樣式的設(shè)置。其中， a 和 b 是參數(shù)，n 表示當(dāng)前元素是其父元素的第幾個(gè)子元素。

/* 設(shè)置奇偶行的顏色 */
tr:nth-child(2n+1) {
background-color: #f2f2f2;
}
tr:nth-child(2n) {
background-color: #ffffff;
}
/* 設(shè)置奇偶列的顏色 */
td:nth-child(2n+1) {
background-color: #f2f2f2;
}
td:nth-child(2n) {
background-color: #ffffff;
}

在上面的代碼中，我們使用了 tr:nth-child(2n+1) 來設(shè)置表格中的奇數(shù)行樣式，其中，2n+1 表示每隔兩行選中一次，從第一行開始。同時(shí)，我們還使用了 tr:nth-child(2n) 來設(shè)置表格中的偶數(shù)行樣式，其中，2n 表示每隔兩行選中一次，從第二行開始。

同理，我們還可以使用 td:nth-child(2n+1) 和 td:nth-child(2n) 來設(shè)置表格列的奇偶樣式。

除了設(shè)置表格的奇偶樣式，我們還可以使用 :nth-child(an+b) 來設(shè)置其他元素的奇偶樣式，比如：

/* 設(shè)置列表項(xiàng)的奇偶樣式 */
li:nth-child(2n+1) {
color: #f00;
}
li:nth-child(2n) {
color: #00f;
}
/* 設(shè)置段落的奇偶樣式 */
p:nth-child(2n+1) {
font-size: 18px;
}
p:nth-child(2n) {
font-size: 16px;
}

總之，在 CSS 中，我們可以使用 :nth-child(an+b) 偽類來實(shí)現(xiàn)元素的奇偶樣式設(shè)置，幫助我們更好地控制頁面的樣式。