CSS3 :nth-child和:nth-of-type选择器差异之:nth-of-type测试实例页面
代码:
CSS代码:
p:nth-of-type(2) { color: red; }
HTML代码:
<section> <p>我是第1个p标签</p> <p>我是第2个p标签</p> <!-- 希望这个变红 --> </section>
效果:
我是第1个p标签
我是第2个p标签
p:nth-of-type(2) { color: red; }
<section> <p>我是第1个p标签</p> <p>我是第2个p标签</p> <!-- 希望这个变红 --> </section>
我是第1个p标签
我是第2个p标签