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件)

人気の記事ランキング

【質問】制作データの持ち主を問わずリンクを機能させる方法


【なぜ必要なの?】GUIではなくコマンドが必要な理由


【フォームの種類を決めよう!】inputタグのtype属性について


【正しく順番指定!】nth-of-typeとnth-childの使い方について