nth-of-typeの罠 本日はnth-of-typeの罠に関して記載して行きたいと思います。 nth-of-typeが「効かない」「ズレる」「上手く指定出来ない」と言う方に役立つかもしれません。 まずはちょっとしたおさらい的な話から進めさせていただきます。 1.nth-of-typeとnth-childの違い まず、nth-of-typeとはCSSのセレクタであり、セレクタとは適用対象を指定するモノになります。 h1 ← セレクタ { font-size: 16px; } 似たようなセレクタにnth-childと言うモノがありますが、個人的にはnth-of-typeの方が使い勝手がよいのでnth-childを使うコトはほとんどありません。 その理由を、違いというテーマの中で話して行きたいと思います。 nth-childの例 上記のCSSセレクタはdiv p:nth-child(2)に指