:empty

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

什么是元素为空呢?

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

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

我先创建几个空的 div 吧。

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

div:empty {
  border: 1px solid pink;
  width: 300px;
  height: 60px;
  margin-top: 10px;
}
:empty_第1张图片
最终结果

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

你可能感兴趣的:(:empty)