概要
: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 | 草案 | 変更無し |
| Selectors Level 3 | 勧告 | 最初期の定義 |
ブラウザ実装状況
| 機能 | 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 |
関連情報
:first-child疑似クラス:nth-child疑似クラス