調べてみたところこれだけの種類があります。 全部は覚えられないよ!と思うかもしれませんが、実は10個全て覚える必要はありません。 種類&ほにゃらら-childとほにゃらら-of-typeの違いがわかれば、組あわせでわかっちゃうんです。 ほにゃらら-childとほにゃらら-of-typeの違いは何? :first-childと:first-of-typeで違いを見てみたいと思います。 //HTML <dl> <dt>dt</dt> <dd>1番目のdd</dd> <dd>2番目のdd</dd> <dd>3番目のdd</dd> </dl> 1番目のddを指定する場合、dd:first-childを使うことはできません。 使うのはdd:first-of-typeです。 ほにゃらら-childは要素すべての順番を指定するもので、例のHTMLの場合は最初の子要素はdtなので指定できないわけです。 そ
![順番を指定するCSSを使い倒す!-ほにゃらら-childとほにゃらら-of-typeの違いとその辺の便利な使い方- | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/a59f30f58193568d55ae7d5091d3a1830b0d8ff2/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2F20171102_yanagimachi.png)