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

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

トピック:その親の特定の型の最初の子であるすべての要素にマッチ(選択)する、ことができる これはnth-of-type(1)と同じ

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

実例 コード 1

サンプル コードを試す
    p:first-of-type {
        background: red;
    }

    /* 兄弟要素の中で最初の <p> 要素をすべて選択 */
    トピック:当初の定義では、親要素のみが選択されていました。 セレクタレベル4の初期の段階では、これはもはや必要ありません。

構文

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

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

PropertyDesktop 互換性
:first-of-typeChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯1フルサポート◯ありフルサポート◯3.5フルサポート◯9フルサポート◯9.5フルサポート◯3.2

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

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

Html

Glossary

PHP

JavaScript

JQuery

CSS