CSS中可以使用偽類選擇器來表示奇數行或偶數行的樣式,這個偽類選擇器叫做nth-child。
語法如下:
/* 奇數行 */ tr:nth-child(odd) { background-color: #f2f2f2; } /* 偶數行 */ tr:nth-child(even) { background-color: #ddd; }
在上面的代碼中,我們使用了nth-child選擇器,并傳遞了參數odd或even來表示奇數行或偶數行。其中,odd表示奇數,even表示偶數。
如果我們想要表示從第n行開始的奇數行或偶數行,可以使用nth-child的更復雜的語法:nth-child(an+b)。
其中a表示循環周期,b表示偏移量。例如,如果我們想要設置從第3行開始的奇數行的背景顏色,可以這樣寫:
/* 從第3行開始的奇數行 */ tr:nth-child(oddn+3) { background-color: #f2f2f2; }
總之,使用nth-child選擇器可以輕松地設置表格的奇偶行樣式,讓你的頁面看起來更加美觀。
下一篇css表示name