CSS :empty Pseudoクラス

定義と使用方法

CSS :empty Pseudoクラスは、子要素（テキストノードを含む）を持たない各要素に一致します。

ヒント：要素が他の要素、テキスト、またはタグ間の空白を含む場合、その要素は子要素を持っています。

例

class="box"を持つ空要素に対して浅いオレンジ色の背景色を指定します：

box:empty {
  background-color: salmon;
}

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

CSS文法

:empty {
  css宣言;
}

技術的な詳細

バージョン： CSS3

ブラウザのサポート

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

クローム エッジ ファイアフォックス サファリ オペラ
4.0 9.0 3.5 3.2 9.6