: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, 2013/05/25 9:05:32