何番目系セレクタ nth-childとnth-of-typeの違い
違い
// div内で 3番目に存在するpタグ div p:nth-child(3) {}
⇒ 子要素の3番目でかつpタグ
// div内に存在する 3番目のpタグ div p:nth-of-type(3) {}
⇒ pタグの3個目
// div内で 3番目に存在するpタグ div p:nth-child(3) {}
⇒ 子要素の3番目でかつpタグ
// div内に存在する 3番目のpタグ div p:nth-of-type(3) {}
⇒ pタグの3個目