我們先看一個table的簡單例子:

預期達到的效果是這樣的:

即每一行的第二個td都有個20px的內邊距,我們大家習慣上為每一個需要縮進距離的td設置padding-left:20px;但是這種寫法是不標準，效率低的。

下面給大家介紹一下這個東西:

CSS3 :nth-child() 選擇器

定義和用法

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

n 可以是數字、關鍵詞或公式。

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

代碼實例如下:

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。