連続する要素の最後以外にCSSを適用させる方法 | Webデザイナーsiroの備忘録li要素の最後のli以外にborder-bottomを適用させたい時に、今までは各liにクラス名を付けてCSSを適用させていましたが、もっと簡単な方法を見つけました。 擬似要素の:notと:last-childを組み合わせる方法です。 html [html] <ul> <li>メニュー１</li> <li>メニュー２</li> <li>メニュー３</li> <li>メニュー４</li> </ul> [/html] css [css] li:not(:last-child){ border-bottom:1px solid #000; } [/css] デモ 初めて知りました！ これで無駄なクラスを作らなくて済みますね(^-^)
