关于css选择器的nth--child()的一个疑问p:nth--child(2)

img

如同所示，p:nth--child(2)在我理解里，应该选择父元素的第二个p标签,也就是第二个段落


<!DOCTYPE html>
<html>
<head>
<style> 
p:nth-child(2)
{
background:#ff0000;
}
</style>
</head>
<body>

<h1>这是标题</h1>
<p>第一个段落。</p>
<p>第二个段落。</p>
<p>第三个段落。</p>
<p>第四个段落。</p>

<p><b>注释：</b>Internet Explorer 不支持 :nth-child() 选择器。</p>

</body>
</html>

困惑许久，希望有人解惑。

nth-child(n)匹配属于其父元素的第 N 个子元素，不论元素的类型，匹配方式是找到元素之后再与前面的选择符进行匹配，nth-of-type(2)可以匹配到 '第二个段落。'，建议你去看看区别

应该是其父元素下的第二个子元素的p标签