CSS3 :nth-child和:nth-of-type选择器差异之:nth-of-type测试实例页面

代码:

CSS代码:
p:nth-of-type(2) { color: red; }
                
HTML代码:
<section>
    <div>我是一个普通的div标签</div>
    <p>我是第1个p标签</p>
    <p>我是第2个p标签</p>  <!-- 希望这个变红 -->
</section>
                

效果:

我是一个普通的div标签

我是第1个p标签

我是第2个p标签