:empty

:empty 是一个伪类选择器，用于选择页面中的元素为空。

什么是元素为空呢？

以上就是一个空的元素，如果加了空格，那就不是啦！

它的适用很简单，就是你能想到空元素能做的事，就可以使用它。

我先创建几个空的 div 吧。

接下来我们对它们进行一些小小的设置：

div:empty {
  border: 1px solid pink;
  width: 300px;
  height: 60px;
  margin-top: 10px;
}

最终结果

最后我们获得了这个结果。暂时我还没有想到什么好的用处。