2023年08月26日
【正しく順番指定！】nth-of-typeとnth-childの使い方について
Lesson10
HTML/CSS
「n 番目の要素にだけスタイルを設定したい」と言った時に便利な疑似クラスの nth-of-type と nth-child。
しかし、指定したのに変化がない時や、思わぬところにスタイルが適用されたということがあるかと思います。
なんとなくで使用していると起きてしまいがちです。
ですので、それぞれのプロパティの特徴をしっかりと理解し、活用できるようになりましょう！
下記サイトには、それぞれのプロパティがどのような要素の数え方をしているか、効かない原因は何かを丁寧にまとめています。
思うように効かない場合は、ぜひ参考にしてみてください！
参考url
https://miyattiblog.com/why-nth-of-type-and-nth-child-do-not-work/
さかい
コメントする
コメント（全0件）