こんにちわ、ma-ya’s CREATE[まーやずくりえいと]です。 様々な条件で要素を指定できる疑似クラス。便利です。 大体が感覚的に使えてわかりやすいんですが、一部気を付けるべきものもあります。 何となくどういう挙動をするかはわかっていても、実際使ってみると???となることもしばしば。 というわけで今日はnth-of-type疑似クラスのちょっとした注意点です。 nth-of-type指定が意図する挙動と違う!その仕様とは 考え方・前提として、名前の通りこの疑似クラスは指定した要素のタイプに深く関係します。 んで、これがわかっていないと下記のような使い方をした場合に混乱してしまいます。 See the Pen nth-of-typeがうまく効かない?? by mycreatesite (@mycreatesite) on CodePen. 上記ではtargetという名前を付けたクラス名
![nth-of-typeが効かない?!ときに確認するべきこと | ma-ya's CREATE / WEB DESIGN](https://cdn-ak-scissors.b.st-hatena.com/image/square/99b191dd99b2a6e6a1770812f3ee0de8e24685b0/height=288;version=1;width=512/https%3A%2F%2Fmyscreate.com%2Fwp-content%2Fuploads%2F2018%2F07%2Fnthoftype.jpg)