CSS★最後の要素だけスタイルを適用させない

最後の要素だけスタイルを適用させたくないときには、疑似要素を使って指定するのが定番。
CSSにもいろんな書き方があるけど、便利な方法を見つけたのでメモしておく。

兄弟要素の最後の要素だけスタイルを適用しないようにする。
たとえば、最後だけラインをつけないとか、マージンやパディングを変えたいときなど、結構よく使うテクニックです。

/*　最後の要素だけスタイルを適用させない　*/

セレクタ:not( :last-of-type ) {

}

• 　りんご
• 　バナナ
• 　もも
• 　いちご
• 　みかん

• 　りんご
• 　バナナ
• 　もも
• 　いちご
• 　みかん

上記のCSSの疑似クラスは２つとも全てのブラウザ（IE含む）でサポートされています。