这篇文章将为大家详细讲解有关css中的:empty是什么，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
首先我们来了解一下: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代码：
测试，测试，测试，测试，测试，测试，测试，测试，测试。
测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试，测试！
这篇文章主要介绍了canvas如何实现多张图片编辑的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇canvas如何实现多张图片编辑文章都会有所收获，下面我们一起来看看吧。图片编辑器产品需求先说需求，由于涉及到实际公司的项目开发，满足…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
