您当前的位置: 首页 >  css

梁同学与Android

暂无认证

  • 3浏览

    0关注

    618博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

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

梁同学与Android 发布时间:2019-11-07 09:58:38 ,浏览量:3

我们先看一个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;
	}
关注
打赏
1660730345
查看更多评论
立即登录/注册

微信扫码登录

0.0588s