:empty

简介

:empty 伪类 代表没有子元素的元素。 这里说的子元素，只计算元素结点及文本（包括空格），注释、运行指令不考虑在内。

语法

<element>:empty { /* style properties */ }

例子

.box {
  background: red;
  height: 200px;
  width: 200px;
}
.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>

细则

浏览器兼容

• Desktop
• Mobile