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

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

トピック：指定されたセレクタを、その親の最初の子である場合にのみ選択するために使用される 兄弟要素のグループの中で最初の要素を表す ことができる

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

実例 コード 1

サンプル コードを試す
    li:first-child {
         background: yellow;
    }

CSSコード：例

    p:first-child{
       color: lime;
    }
    /* 兄弟要素の中で最初の <p> をすべてを選択 */

構文

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

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

PropertyDesktop 互換性
:first-childChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯4フルサポート◯ありフルサポート◯3フルサポート◯7フルサポート◯9.5フルサポート◯3.1
親なしの要素と一致するフルサポート◯57 不明フルサポート◯52 不明フルサポート◯44 不明

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

PropertyMobile 互換性
:first-childAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポートフルサポート◯ありフルサポート◯ありフルサポート◯ありフルサポート◯4フルサポート◯9.5フルサポート◯4フルサポート◯あり
親なしの要素と一致するフルサポート◯57フルサポート◯57 不明フルサポート◯52フルサポート◯44 不明フルサポート◯7.0
：:first-child 疑似クラス 関連記事
CSS :first-child 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
CSS :first-child 疑似クラス | CSS プロパティ 値| 意味 使い方 実例 – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS