:empty

:empty选择器选择每个没有任何子级的元素（包括文本节点）。

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

HTML

<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

.box {
  background: red;
  height: 40px;
  width: 100px;
  text-align:center;
}
 
.box:empty {
  background: green;
}

执行结果

相关页面

• :target
• :enabled

外部链接

• empty-MDN