最近美化页面,遇到了一个问题:如何选中某一列元素,单独编写样式?在网上查了一下,发现可以用::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开始)。
下面举个栗子:
通过上面的样式控制,可以得到下面的表格:
没了。
领取专属 10元无门槛券
私享最新 技术干货