當前位置:成語大全網 - 書法字典 - css表格的顏色交替tr:n-child(odd)使用偽類選擇器,但標題顏色也發生了變化。怎麽改?

css表格的顏色交替tr:n-child(odd)使用偽類選擇器,但標題顏色也發生了變化。怎麽改?

您可以為標題所在的線條設置顏色樣式。例如(假設標題在第壹個tr標簽中):

& ltstyle & gt

tr:n-child(奇數){color:red} //奇數行(從標題行開始,下同)設置為紅色。

tr:n-child(Even){ color:blue }//偶數行設置為藍色。

tr:n-child(1){ color:black }//第壹行(標題行)設置為黑色。

& lt/style & gt;

& lt表格邊框= 1 & gt;

& lttr & gt& ltth & gt這是標題

& lttr & gt& lttd & gt這是1號線

& lttr & gt& lttd & gt這是2號線

& lttr & gt& lttd & gt這是3號線

& lttr & gt& lttd & gt這是4號線

& lttr & gt& lttd & gt這是5號線

& lttr & gt& lttd & gt這是6號線

& lttr & gt& lttd & gt這是7號線

& lttr & gt& lttd & gt這是8號線

& lt/table & gt;