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

2018-06-04 css-reference

ページコンテンツ

▼:only-of-type 疑似クラス CSS プロパティとは
▼疑似クラスセレクター :only-of-type
▼実例コード 1
▼CSSコード：例
▼構文
▼サポートするデスクトップブラウザ対応・互換性
▼サポートするモバイルブラウザ対応・互換性

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

トピック：親の唯一の子であるすべての要素にマッチ(選択)する事ができる同じタイプの兄弟要素がない要素を表す

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

実例コード 1

サンプルコードを試す

p:only-of-type {
     background: red;
}

CSSコード：例

p:only-of-type{
   background-color: red;
}
/* 親の唯一の子の <p> である <p> 要素をすべて選択 */

構文

:only-of-type { css : properties ; }
 疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }

CSS バージョン	CSS 3

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

Property	Desktop 互換性
:only-of-type	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
基本サポート	フルサポート◯1	フルサポート◯あり	フルサポート◯3.5	フルサポート◯9	フルサポート◯9.5	フルサポート◯3.2

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

Property	Mobile 互換性
:only-of-type	Android	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
基本サポート	フルサポート◯2.1	不明	フルサポート◯あり	フルサポート◯4	フルサポート◯10	フルサポート◯3.2	不明

：:only-of-type 疑似クラス 関連記事

CSS :only-of-type 疑似クラス| CSS:スタイルシート関数要素使い方・書き方例 CSS サンプル — CSS :only-of-type 疑似クラス | CSS プロパティ値| 意味使い方実例 – WebRef

タグ:

#CSS プロパティ
#CSS 疑似クラス