:empty

概要

:empty 疑似クラスは、如何なる子要素や文字（※半角スペースなども文字に含まれる）を持たない空の要素にのみマッチします。但し、コメント構文は判定に影響しません。

構文

<element>:empty { style properties }

例

.box {
  background: red;
  height: 200px;
  width: 200px;
}

.box:empty {
  background: lime;
}

<div class="box"><!-- この要素はコメントしか持たず、子要素が無いのでライム色になります --></div>
<div class="box">この要素は空要素ではないので赤になります</div>

仕様

ブラウザ実装状況