CSS 中文開發手冊

:empty (Selectors) - CSS 中文開發手冊

該:empty偽類代表沒有子節點的所有元素。這裡只考慮元素節點和文字（包括空格）。註釋或處理指令不影響元素是否被認為是空的。

/* Selects any <div> that contains no content */
div:empty {
  background: lime;
}

語法

:empty

例項

body {
  display: flex;
  justify-content: space-around;
}

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

.box:empty {
  background: lime;
}

<div class="box"><!-- I will be lime --></div>
<div class="box">I will be red</div>
<div class="box">
    <!-- I will be red because of the whitespace around this comment -->
</div>

規範

瀏覽器相容性

  CSS 中文開發手冊