CSSで奇数、偶数、最初、最後、n番目の要素にだけスタイルを設定する方法 | 経験知※本ページはプロモーションが含まれています 作成:2014/04/19 HTML＋CSSでテープルやリストなど、奇数あるいは偶数番目の要素だけ色を変えたり、最後の要素だけボーダーを付けないようにしたい場合があります。 それらはCSS3で追加された「nth-child」擬似クラスを使うことで実装することが可能ですので、その方法をリストタグで紹介します。（IEはIE9以降対応） 奇数番目の要素にだけ適用 li:nth-child(odd){ 適用したいスタイル } 偶数番目の要素にだけ適用 li:nth-child(even){ 適用したいスタイル } 最初の要素にだけ適用 li:first-child{ 適用したいスタイル } 最後の要素にだけ適用 li:last-child{ 適用したいスタイル } 上からn番目の要素にだけ適用 li:nth-child(3){ 適用したいスタイル } こ
