css中:empty指的是什么

这篇文章给大家分享的是有关css中:empty指的是什么的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联建站是一家集网站建设,站前企业网站建设,站前品牌网站建设,网站定制,站前网站建设报价,网络营销,网络优化,站前网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

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

如果元素没有任何子元素（节点）或文本内容，则该元素计为空。注释和处理指令不会影响元素是否为空。如：

会被认为是空的，进而被:empty选中，而：

则不会被认为是空，因此与选择器不匹配。

选择空元素对于隐藏这些元素很有用，因为如果它们有填充，它们可能是奇怪的垂直和/或水平空白区域的原因。它对于在不再需要或有用空元素的动态环境中删除空元素也很有用。例：

/*选择并隐藏页面上的所有元素*/

*：empty{

display：none;

}

/*选择并隐藏所有空段落*/

p：empty{

display：none;

}

/*选择并隐藏所有空的菜单项*/

nava：empty{

display：none;

}

/*选择表中的空表格单元格并对其应用背景颜色*/

td：empty{

background-color：#eee;

}

说明：

1、由伪元素::before，::after生成的内容并不算作“真实”内容，即使它们存在于元素内部，也不会影响元素之间的空白。

2、元素内的空格和空子元素计为该元素内的字符信息，因此如果元素包含两个元素中的一个，则该元素不再被视为空。例如，以下两个元素不被视为空：

3、由于空格被视为内容，因此打开但未关闭的元素标记也不会为空。例如：

4、如果开始标记后面紧跟另一个标记，则它再次被视为空。

内容......

5、如果一个开放标记后跟另一个未直接跟随另一个标记的开放标记，则第一个标记被认为是空的，而第二个标记则不是（因为空白）。例如：

6、自闭合元件，例如

下面我们通过简单的示例来看看:empty的使用：

示例演示：把亚麻色背景应用于空段落

html代码：

测试，测试，测试，测试，测试，测试，测试，测试，测试。

测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试！