首页 > 代码库 > CSS3伪类 :empty
CSS3伪类 :empty
:empty
种类：伪类选择器
版本：CSS3.0
用法：匹配每个没有子元素(包含文本)的元素。
例子：
<!DOCTYPE html><html><head> <title>test008_伪类选择器empty</title> <style type="text/css"> div{ width: 100px; height: 100px; background-color: white; } div:empty{ background-color: red; } </style></head> <body> <div><p></p></div> <div>hello world</div> <div> </div> <div></div></body></html>
在这个例子里，一共有四个div。
结果，只有第四个div背景为红色。
第一个和第二个div有内容，不用说。
第三个div有空格，也属于内容，所以也不在empty的选择范围内。
CSS3伪类 :empty
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。