:last-child 疑似クラス CSS プロパティとは
トピック:親の最後の子であるすべての要素にマッチ(選択)する、事ができる p:nthlast-child(1)に等しい
疑似クラス セレクター :last-child
実例 コード 1
サンプル コードを試すp:last-child {
background: red;
}
構文
:last-child { css : properties ; }
疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }
サポートするデスクトップ ブラウザ対応・互換性
| Property | Desktop 互換性 |
|---|
| :last-child | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本 サポート | フルサポート◯1 | フルサポート◯あり | フルサポート◯1 | フルサポート◯9 | フルサポート◯9.5 | フルサポート◯3.2 |
|---|
| Matches elements with no parent | フルサポート◯57 | 不明 | フルサポート◯52 | 不明 | フルサポート◯44 | 不明 |
|---|
サポートするモバイル ブラウザ対応・互換性
| Property | Mobile 互換性 |
|---|
| :last-child | Android | Chrome for Android
| Edge Mobile | Firefox for Android
| Opera for Android
| iOS Safari | Samsung Internet |
|---|
| 基本 サポート | フルサポート◯あり | フルサポート◯あり | フルサポート◯あり | フルサポート◯4 | フルサポート◯10 | フルサポート◯3.2 | フルサポート◯あり |
|---|
| Matches elements with no parent | フルサポート◯57 | フルサポート◯57 | 不明 | フルサポート◯52 | フルサポート◯44 | 不明 | フルサポート◯7.0 |
|---|
CSS :last-child 疑似クラス | CSS プロパティ 値| 意味 使い方 実例 – WebRef