2019/07/22#css#コーディングcssを記述する際にliタグ等に各クラス(class)を付けて記述することがあると思います。数番目のliタグのみや3の倍数番目(3つづつ飛ばして)にのみクラスを付けるたりなど制作の場面ではこういった作業が出てきます。そんな時、liタグにその都度クラスを付けたり複数のクラスを付けることなくcssを指定することができます。それが疑似クラスのnth-childで指定するだけで簡単にできます。nth-childは色々と応用ができるのでご紹介いたします。</ul>123456789<ul><li>1番目</li><li>2番目</li><li>3番目</li><li>4番目</li><li>5番目</li><li>6番目</li><li>7番目</li></ul>こういったliタグの記述はよく目にします。この偶数番目のみにcssを適用させる場合は下記の記述で指定できます。#f00;}この記述のみでliタグの2番目・4番目・6番目にcssが適応されます。#f00;}こういった様に各指定の仕方でliタグにcssを適用することができます。上記の記述は、一例になっていますので、使用する際はご自身の制作に合った値を入れるようにしてください。対応しているブラウザについてIEでの対応はIE9からになります。使用する際は、各ブラウザやデバイスを確認の上、使用してください。