CSS :only-child パseudoクラス

定義と使用方法

CSS :only-child パseudoクラスは、親要素の唯一の子要素であるどんな要素に対してもスタイルを選択および設定するために使用されます。

例

親要素の唯一の子要素である<p>、<li>、<b>要素に対してスタイルを指定します：

p:only-child {
  background-color: red;
}
li:only-child {
  color: salmon;
}
b:only-child {
  color: green;
}

自分で試してみてください

CSS文法

:only-child {
  css宣言;
}

技術的詳細

バージョン： CSS3

ブラウザのサポート

テーブルに記載された数字は、そのパseudoクラスを完全にサポートする最初のブラウザのバージョンを指定しています。

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6