p:nth-child(n) 指定选择的元素

选择第二个元素

p:nth-child(2)

选择所有元素

p:nth-child(n)

选择包括第二个在内的所有元素

/* 表示.headcontent > .userSetting-item  headcontent的所有子元素.userSetting-item*/
.headcontent > .userSetting-item:nth-child(n + 2) {
  margin-top: 20px;
}

选择奇数元素

p:nth-child(n)

选择偶数元素

p:nth-child(2n)

p:first-child 选择属于其父元素的首个子元素的每个

元素

这个段落是其父元素（body）的首个子元素。
 //选择

欢迎访问我的主页
这个段落不是其父元素的首个子元素。


这个段落是其父元素（div）的首个子元素。
 //选择
这个段落不是其父元素的首个子元素。


注释：对于 IE8 及更早版本的浏览器中的 :first-child，必须声明 。

.formdata >>> .el-form-item__content:first-child {
  text-align: right;
}

p:last-child指定属于其父元素的最后一个子元素的 p 元素

这是标题
第一个段落。
第二个段落。
第三个段落。
第四个段落。
第五个段落。