最後の要素にだけスタイルを設定できる「:last-child」セレクタ

Yukimi Sato 285views 更新:2014年4月28日
li:last-child{
color:red;
}
<ul>
<li>スタイルは適用されません。</li>
<li>スタイルは適用されません。</li>
<li>スタイルは適用されません。</li>
<li>スタイルは適用されません。</li>
<li>フォントカラー:レッドが適用されます。</li>
</ul>

※IE8までは使用できない為、jsなどで「.last」などクラス作り、付与する必要があります。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません