首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用CSS选择特定列和特定行

最近美化页面,遇到了一个问题:如何选中某一列元素,单独编写样式?在网上查了一下,发现可以用::nth-child(n)

如有个表格:

1、选中奇数行: tr:nth-child(odd)

2、选中偶数行: tr:nth-child(even)

3、选中第二行: tr:nth-child(2)

4、选中三的倍数行: tr:nth-child(3n+3)

5、选中四的倍数行: tr:nth-child(4n+4)

6、选中第二列: td:nth-child(2)

7、选中倒数第二列: td:nth-last-child(2)

以上,自行找规律(n从0开始)。

下面举个栗子:

通过上面的样式控制,可以得到下面的表格:

没了。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180613G0N0TQ00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券