CSS :last-child 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル

:last-child 疑似クラス CSS プロパティとは

トピック:親の最後の子であるすべての要素にマッチ(選択)する、事ができる p:nthlast-child(1)に等しい

疑似クラス セレクター :last-child

実例 コード 1

サンプル コードを試す
    p:last-child {
        background: red;
    }

    /* 兄弟要素の中で最後の <p> をすべてを選択 */

構文

:last-child { css : properties ; }
 疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }
CSS バージョンCSS 3

サポートするデスクトップ ブラウザ対応・互換性

PropertyDesktop 互換性
:last-childChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯1フルサポート◯ありフルサポート◯1フルサポート◯9フルサポート◯9.5フルサポート◯3.2
Matches elements with no parentフルサポート◯57 不明フルサポート◯52 不明フルサポート◯44 不明

サポートするモバイル ブラウザ対応・互換性

PropertyMobile 互換性
:last-childAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポートフルサポート◯ありフルサポート◯ありフルサポート◯ありフルサポート◯4フルサポート◯10フルサポート◯3.2フルサポート◯あり
Matches elements with no parentフルサポート◯57フルサポート◯57 不明フルサポート◯52フルサポート◯44 不明フルサポート◯7.0
:last-child 疑似クラス 関連記事
CSS :last-child 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
CSS :last-child 疑似クラス | CSS プロパティ 値| 意味 使い方 実例 – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS