css - p：nth-child（3n + 0）css疑似クラスを使用するのはなぜ2番目の要素から始まるのですか？

Question

私は新しいCSS3セレクターと疑似クラスで遊んでいて、：nth-child疑似クラスを使おうとしています。

私は見て、例を挙げます：

p:nth-child(3n+0)
{
  background:#ff0000;
}

しかし、結果（http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_nth-child_formula）を見ると、最初の赤い要素が3番目や3番目ではなく2番目の要素である理由がわかりません。最初。

この背後にあるロジックは何ですか？

score 3 · Accepted Answer

2番目の段落は3番目の子です。

<h1>This is a heading</h1>
<p>The first paragraph.</p>
<p>The second paragraph.</p>

3番目の段落から始めたい場合は、:nth-of-type代わりに次のことを試してください。

p:nth-of-type(3n){
    background: #F00
}

W3Schoolsは常に最も明確なリソースであるとは限らず、時にはそれが非常に間違っていることもあります。ご使用の際はご注意ください。

css - p：nth-​​child（3n + 0）css疑似クラスを使用するのはなぜ2番目の要素から始まるのですか？