在編寫Web頁(yè)面的過(guò)程中,CSS表格的應(yīng)用是常見的。而有時(shí)候,我們需要將標(biāo)記表格中的某一行或某一列進(jìn)行特別的設(shè)置,這時(shí)候就需要給該行(或列)添加一個(gè)類名,以便于CSS樣式的設(shè)置。那么,CSS表格可以加類嗎?答案是可以的。
在HTML表格中,我們可以通過(guò)給
<table> <tr> <th>序號(hào)</th> <th>姓名</th> <th>年齡</th> </tr> <tr> <td class="checked">1</td> <td>小明</td> <td>12</td> </tr> <tr> <td>2</td> <td class="checked">小紅</td> <td>13</td> </tr> <tr> <td>3</td> <td>小剛</td> <td class="checked">14</td> </tr> </table>
在上述代碼中,我們對(duì)三個(gè)表格單元格(第一列中的1、2、3)添加了一個(gè)名為”checked”的類名,并在CSS中對(duì)該類名進(jìn)行了特殊樣式的設(shè)置:
.checked { color: red; font-weight: bold; }
這樣,在瀏覽器中打開該HTML頁(yè)面時(shí),就可以看到三個(gè)單元格的文字變成了紅色加粗。
因此,我們可以看出,在CSS表格中,給單元格添加類名是可以的。這樣可以方便我們對(duì)表格進(jìn)行精細(xì)的設(shè)置,更加符合我們的設(shè)計(jì)需求。