css:first-child、last-child、nth-child、 nth-last-child

w3cschool对这此类选择器的说明：

fistst-child:选择属于其父元素的首个子元素的每个 <p> 元素，并为其设置样式：

p:fist-child
{ 
background:#ff0000;
}

应当这样理解：“其父元素”中的“其”是指定的元素。“首个子元素”是指定元素的父元素的首个子元素。“首个子元素的每个<p>元素”是指定元素的父元素们的首个子元素们中的指定元素.换句话说，就是<p>的父元素的第一个且为<p>的元素.

那么，如果p的父元素第一个子元素不是p，那么该样式不会作用于这个p元素，即便这个p元素是同级所有p元素的第一个。

比如，页面中有两个父元素都含若干p元素。其中第一个父元素的首个子元素不是p，第二个父元素的首个子元素是p。那么样式只作用于第二个父元素的首个p元素。