CSS :empty选择器，匹配无子元素和文本节点的元素
:empty选择器
CSS的伪类选择器之一:empty，可以用于匹配选择HTML中所有没有子元素（包括文本节点，具体可参考下方的实例代码）的元素。
:empty选择器使用语法
A:empty {设置样式}
提示：一般情况下，其中A也是选择器；
:empty选择器实例代码，及在线编辑器
<p>该p元素无子元素，但是有文本节点</p>
<p><span></span>该元素有个子元素span</p>
<p></p>
<style>
p:empty{height:10px;width:50%;background-color:skyblue;}
</style>实例代码解析
如上代码，设置了三个段落p元素，用于对比，运行后，只有第三个没有子元素也没有文本节点的p元素被伪类选择器p:empty选择。