first-child

假设将代码简单地修改一下：
示例代码：

p:first-child{color:#f00;}

    
我是一个标题
    
我是一个p

只是在p前面加了一个h2标签，你会发现选择器失效了，没有命中p，why?

E:first-child选择符，E必须是它的兄弟元素中的第一个元素，换言之，E必须是父元素的第一个子元素。与之类似的伪类还有E:last-child，只不过情况正好相反，需要它是最后一个子元素。