:nth-child()和:first-child

带：的都是伪类 伪类 是一个以冒号(:)作为前缀，被添加到一个选择器末尾的关键字。

:nth-child(n)

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。
n 可以是数字、关键词或公式。
实例：改变其父元素的第二个子元素的每个 p 的背景色

p:nth-child(2)
{
background:#ff0000;
}

这是标题
第一个段落。
第二个段落。

第三个段落。
第四个段落。

结果

总结：p:nth-child(2)表示 首先要是

元素，然后为所有层级中的第二个子元素改变样式。

:first-child

:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。
实例：其父元素的首个子元素的每个

元素，并为其设置样式。

p:first-child
{ 
background-color:yellow;
}


第一个段落。
第二个段落。

第三个段落。
第四个段落。

结果

总结：p:first-child表示首先要是

元素，然后为所有层级中的首个子元素改变样式。也可用p:nth-child(1)代替。