CSS :only-child 疑似クラス | CSS プロパティ値| 意味使い方実例

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

2018-06-09 css-reference

ページコンテンツ

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

トピック：親の唯一の子であるすべての要素にマッチ(選択)することができるこれは、兄弟要素のない要素を表す。:first-child :last-childまたは:nth-child(1) :nth-last-child(1)と同じですが、詳細レベルは低くなります。

p:only-child {
     background: red;
}

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

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

CSS バージョン	CSS 3

Property	Desktop 互換性
:only-child	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
基本サポート	フルサポート◯2	フルサポート◯あり	フルサポート◯1.5	フルサポート◯9	フルサポート◯9.5	フルサポート◯3.1
Matches elements with no parent	フルサポート◯57	不明	フルサポート◯52	不明	フルサポート◯44	不明

Property	Mobile 互換性
:only-child	Android	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
基本サポート	フルサポート◯あり	フルサポート◯あり	フルサポート◯あり	フルサポート◯4	フルサポート◯10	フルサポート◯3.1	フルサポート◯あり
Matches elements with no parent	フルサポート◯57	フルサポート◯57	不明	フルサポート◯52	フルサポート◯44	不明	フルサポート◯7.0

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