解 説

CSS3から追加されたn番目の子要素を指定できるnth-child(n)とnth-of-type(n)の違いです。
nth-child(n)は、ある親要素の全ての子要素の中のn番目の子要素を表します。
nth-of-type(n)はある親要素の中で兄弟関係にある同じ種類の要素の中のn番目の要素です。

nth-child(n)とnth-of-type(n)の違いは数え方の違いです。
nth-child(n)は違う種類の要素を含めて同じ階層の中で何番目の子供か数え、nth-of-type(n)は同じ種類の子供の何番目か数えます。

図解するとこんな感じです
dog_serecter

nth-child(n)のサンプル
nth-of-type(n)のサンプル