CSS表格是網(wǎng)頁中經(jīng)常使用的一種布局方式,但當(dāng)我們面臨需要給表格某一列添加特殊樣式時,就需要對該列進(jìn)行選中并進(jìn)行樣式設(shè)置。以下是關(guān)于如何選中CSS表格中指定列的方法。
// 選中表格中第二列(從0計算) table td:nth-child(2) { background-color: yellow; }
以上代碼中,我們使用了CSS選擇器中的“:nth-child()”偽類來選中表格中的第二列,即“td”元素下標(biāo)為1的列(從0開始計算)。然后添加了背景黃色樣式,可根據(jù)需要進(jìn)行其他樣式設(shè)置。
除此之外,我們也可以通過為列添加class來進(jìn)行選中。以下是實現(xiàn)方法:
// 為表格中第三列(從0計算)添加class table td.col-3 { font-weight: bold; }
我們給表格單元格添加了“col-3”這個class,并為此class設(shè)置了粗體字樣式。在表格中,每個單元格都有一個“td”標(biāo)簽,我們只需要為需要設(shè)置樣式的列添加對應(yīng)的class,并進(jìn)行樣式設(shè)置即可。