在開發(fā)網(wǎng)頁時,表格是不可避免地出現(xiàn)在我們的面前。而在表格的樣式設(shè)置中,我們也經(jīng)常需要對表格的第一列進行特殊設(shè)計。那么,如何在CSS中對表格的第一列進行樣式設(shè)置呢?
table { width: 100%; border-collapse: collapse; } table td, table th { border: 1px solid #ccc; padding: 8px; text-align: left; } table th:first-child, table td:first-child { background-color: #f2f2f2; font-weight: bold; }
上述代碼中,我們首先設(shè)置了表格的一般樣式,如寬度、邊框等。在第三行,我們通過設(shè)置table th:first-child和table td:first-child,指定了表格中第一列的樣式。其中,background-color用于設(shè)置背景色,font-weight用于設(shè)置字體加粗。
需要注意的是,:first-child選擇器僅在IE7以上版本中被支持。對于較低版本的IE瀏覽器,我們可以使用:first-of-type選擇器來代替。
上一篇css 表格 截斷