: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的选择范围内。
时间： 2024-09-30 04:52:56