順番を指定するCSSを使い倒す！-ほにゃらら-childとほにゃらら-of-typeの違いとその辺の便利な使い方- | バシャログ。

調べてみたところこれだけの種類があります。 全部は覚えられないよ！と思うかもしれませんが、実は10個全て覚える必要はありません。 種類＆ほにゃらら-childとほにゃらら-of-typeの違いがわかれば、組あわせでわかっちゃうんです。 ほにゃらら-childとほにゃらら-of-typeの違いは何？ :first-childと:first-of-typeで違いを見てみたいと思います。 //HTML <dl> <dt>dt</dt> <dd>１番目のdd</dd> <dd>２番目のdd</dd> <dd>３番目のdd</dd> </dl> １番目のddを指定する場合、dd:first-childを使うことはできません。 使うのはdd:first-of-typeです。 ほにゃらら-childは要素すべての順番を指定するもので、例のHTMLの場合は最初の子要素はdtなので指定できないわけです。 そ