CSS可以通過使用:nth-child選擇器來選中表格的偶數(shù)行。:nth-child選擇器可以根據(jù)元素的序號來選擇,其中偶數(shù)行的序號可以從2開始,以2為步長遞增。
以下是一個示例CSS代碼,用于選中表格的偶數(shù)行:
table tr:nth-child(2n) { /* 在這里添加你想要的樣式 */ }
在這個示例中,table tr:nth-child(2n)
選擇器會選中表格中所有偶數(shù)行的<tr>
元素,你可以將2n
替換成其他偶數(shù)表達式,以選中不同的偶數(shù)行。
如果你想要讓偶數(shù)行具有不同的背景顏色,可以使用以下CSS代碼:
table tr:nth-child(2n) { background-color: #f2f2f2; }
這個代碼會將偶數(shù)行的背景顏色設(shè)置為#f2f2f2
,你可以將顏色值替換成其他你喜歡的顏色。
CSS中的行號是從1開始的,而不是從0開始,偶數(shù)行的序號是從2開始的,如果你想要選中奇數(shù)行,可以使用類似的:nth-child(2n+1)
選擇器。