Blog

HOME > Web > css > 【CSS】last-child以外にCSSを適用する方法

【CSS】last-child以外にCSSを適用する方法

2016/07/20

css

備忘録です。

last-child以外にcssを適用したい場合の方法があります。

参考サイト
連続する要素の最後以外にCSSを適用させる方法

<ul class="test">
<li>テキストテキスト</li>
<li>テキストテキスト</li>
<li>テキストテキスト</li>
<li>テキストテキスト</li>
</ul>
li要素の最後のli以外にborder-bottomを適用させたい時は
ul.test li:not(:last-child){
    border-bottom:1px solid #000;
}
とすることにより最後の要素以外はborder-bottomが適用されます。

ゼヒトモ内でのプロフィール: ROCKSTREAM, ゼヒトモのホームページ作成・制作サービス, 仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ