:last-child

概要

:last-child CSS 疑似クラスは、自身の親要素の最後の子要素にマッチします。

構文

element:last-child { style properties }

例

CSS

li:last-child {
    background-color: lime;
}

HTML

<ul>
  <li>最初のリストアイテム</li>
  <li>二番目のリストアイテム。この要素がライム色になります(・ω・´ )</li>
</div>

以下の様に表示されます。

• 最初のリストアイテム
• 二番目のリストアイテム。この要素がライム色になります(・ω・´ )

仕様

ブラウザ実装状況

関連情報

• :first-child 疑似クラス
• :nth-child 疑似クラス