Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

:last-child

概要

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

構文

element:last-child { style properties }

CSS

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

HTML

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

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

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

仕様

仕様書 策定状況 コメント
Selectors Level 4
The definition of ':last-child' in that specification.
草案 変更無し
Selectors Level 3
The definition of ':last-child' in that specification.
勧告 最初期の定義

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 1.0 1.0 (1.7 or earlier) 9.0 9.5 3.2
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 2.1 1.0 (1) 9.0 10.0 3.2

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: ethertank
 最終更新者: ethertank,