在CSS中,我們可以使用:nth-child()偽類選擇器來選擇文檔中的偶數(shù)行或奇數(shù)行。這個偽類選擇器接受一個數(shù)值參數(shù),用于選擇文檔中相應(yīng)的元素。
/* 選擇所有偶數(shù)行 */ tr:nth-child(2n) { background-color: #ccc; } /* 選擇所有奇數(shù)行 */ tr:nth-child(2n+1) { background-color: #eee; }
在上面的代碼片段中,我們使用了:nth-child()偽類選擇器來選擇表格中的偶數(shù)行和奇數(shù)行,并給它們分別添加了不同的背景色。其中,2n表示選擇所有2的倍數(shù)行,從第二行開始;2n+1表示選擇所有2的倍數(shù)加1行,從第一行開始。
除了在表格中使用之外,我們還可以在列表、網(wǎng)格等各種元素上使用:nth-child()偽類選擇器來選擇偶數(shù)行或奇數(shù)行。這種選擇方式不僅可以讓頁面的樣式更加多樣化,還能夠使表格、列表等元素更具有可讀性和美觀性。