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