<div><p>1</p><h1>2</h1><span>3</span><span>4</span>
</div>

1、p:first-child

匹配的是p元素，因为p元素是div的第一个子元素

2、h1:first-child

匹配不到任何元素，因为在这里h1是div的第二个元素，不是第一个

3、span:first-child

匹配不到任何元素，因为在这里两个span都不是div的第一个子元素

4、:first-child

匹配的是p元素，因为p元素是div的第一个子元素