最後の要素だけスタイルを適用させたくないときには、疑似要素を使って指定するのが定番。
CSSにもいろんな書き方があるけど、便利な方法を見つけたのでメモしておく。
兄弟要素の最後の要素だけスタイルを適用しないようにする。
たとえば、最後だけラインをつけないとか、マージンやパディングを変えたいときなど、結構よく使うテクニックです。
/* 最後の要素だけスタイルを適用させない */
セレクタ:not( :last-of-type ) {
}要素全部にスタイルを適用
- りんご
- バナナ
- もも
- いちご
- みかん
最後の要素だけスタイルを適用させない
- りんご
- バナナ
- もも
- いちご
- みかん
上記のCSSの疑似クラスは２つとも全てのブラウザ（IE含む）でサポートされています。