我們先看一個(gè)table的簡單例子:

預(yù)期達(dá)到的效果是這樣的:

即每一行的第二個(gè)td都有個(gè)20px的內(nèi)邊距,我們大家習(xí)慣上為每一個(gè)需要縮進(jìn)距離的td設(shè)置padding-left:20px;但是這種寫法是不標(biāo)準(zhǔn)，效率低的。

下面給大家介紹一下這個(gè)東西:

CSS3 :nth-child() 選擇器

定義和用法

:nth-child(n) 選擇器匹配屬于其父元素的第 N 個(gè)子元素，不論元素的類型。

n 可以是數(shù)字、關(guān)鍵詞或公式。

所以說，那td的父親就是tr了，所以設(shè)置其父親的第二個(gè)元素也就是所有tr的第二個(gè)td

代碼實(shí)例如下:

td:nth-child(2){padding-left:20px;}

總結(jié)

以上是生活随笔為你收集整理的怎样通过css控制table的部分td的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。