爲什麼使用p：nth-​​child（3n + 0）css僞類從第2個元素開始？

Question

我在玩新的CSS3選擇器和僞類，我試圖使用：nth-​​child僞類。

如果我看這裏的文檔： http://www.w3schools.com/cssref/sel_nth-child.asp

我看到的例子有：

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

但如果我期待的結果（http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_nth-child_formula），我不明白爲什麼第一個紅色元素是第二個，而不是第三個或第一個。

這是什麼邏輯？

Answer 1

第二段是第三個孩子：

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

，如果你想開始第三段，嘗試:nth-of-type代替：

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

W3Schools的並不總是清晰的資源，和sometimes it's very wrong。使用時請小心。