: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的选择范围内。