在开发中，需要这样一个需求，需要找到第n个孩子元素。一时想不起来应该怎么写，经过查阅后得知。
因此记录一下，以免日后再忘记。
:nth-child 是CSS伪类，它首先找到所有当前元素的兄弟元素，然后按照位置 先后顺序从1开始排序 ，选择的结果为CSS伪类:nth-chilid括号中表达式（an+b）匹配到的元素集合。（n=0,1,2,3）。
tr:nth-child(2n+1)
表示表格中的奇数行
tr:nth-child(odd)
表示表格汇总的奇数行
tr:nth-child(2n)
表示表格中的偶数行
tr:nth-child(even)
表示表格中的偶数行
span:nth-child(0n+1)
表示子元素中第一个且为span的元素，与:first-child选择器的作用相同
span:nth-child(-n+3)
匹配前三个子元素中的span元素
https://developer.mozilla.org/zh-CN/docs/Web/CSS/:nth-child
:first-child /* 匹配第一个元素 */举例：（parent下的第一个子元素字体变红色）
.parent > :first-child {color:red} <div class="parent"><p>子元素1</p>
<div>子元素2</div>
<span>子元素3</span>
</div>
有的，包括：“:not(:first-child)”、“:nth-child(n+2)”两种方式。
1、:not(:first-child)：其中，E:not(s)表示匹配所有不匹配简单选择符s的元素E，E:first-child匹配同级兄弟元素中的第一个E元素。
2、:nth-child(n+2)：其中nth-child表示第几个son，n+2表示从第二个开始(即所有的n都是取从0开始的自然数)。
扩展资料：
css3中相关的选择器：
1、E:root ：匹配文档的根元素。在HTML（标准通用标记语言下的一个应用）中，根元素永远是HTML
2、E:nth-child(n)：匹配父元素中的第n个子元素E
3、E:nth-last-child(n)：匹配父元素中的倒数第n个结构子元素E
4、E:nth-of-type(n)：匹配同类型中的第n个同级兄弟元素E
5、E:nth-last-of-type(n)：匹配同类型中的倒数第n个同级兄弟元素E
6、E:last-child：匹配父元素中最后一个E元素
7、E:first-of-type：匹配同级兄弟元素中的第一个E元素
8、E:only-child：匹配属于父元素中唯一子元素的E
9、E:only-of-type：匹配属于同类型中唯一兄弟元素的E
参考资料来源：百度百科-css3
