nth-child的用法

Posted 皓月千里

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nth-child的用法相关的知识,希望对你有一定的参考价值。

1、:nth-child(2)选取第几个标签,“2可以是你想要的数字”

2、:nth-child(n+4)选取大于等于4标签,“n”表示从整数,下同

3、:nth-child(-n+4)选取小于等于4标签

4、:nth-child(2n-1)选取奇数标签,2n-1可以是odd

5、:nth-child(2n)选取偶数标签,2n可以是even

6、:nth-child(3n+1)自定义选取标签,3n+1表示“隔二取一”

7、:last-child选取最后一个标签

8、:nth-last-child(3)选取倒数第几个标签,3表示选取第3个

以上是关于nth-child的用法的主要内容,如果未能解决你的问题,请参考以下文章

详解CSS中:nth-child的用法

nth-child的用法

css3怎么用伪类选择器不要第一个

nth-child(n) 选择器详解

如何根据 tr:nth-child(7) > td:nth-child(2) 的内容隐藏特定的 tr:nth-child(6)

:nth-child