怎样通过css控制table的部分td

我们先看一个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;
	}