19.3.2 选择器root、not、empty和target（2）
2. not选择器
如果想对某个结构元素使用样式，但是想排除这个结构元素下面的子结构元素，让它不使用这个样式时，可以使用not选择器。
譬如针对代码清单19-8所示的HTML页面，我们可以使用"body *"语句来指定body元素的背景色为黄色，但是使用":not（h1）"语句中使用的not选择器排除h1元素，代码如下所示。
<style type="text/css">
body *:not（h1）{
background-color: yellow;
}
</style>
使用not选择器后的运行结果如图19-12所示。
图19-12 使用not选择器示例
3. empty选择器
使用empty选择器来指定当元素中内容为空白时使用的样式。例如，在代码清单13-9所示的HTML页面中，有一个表格。可以使用empty选择器来指定当表格中某个单元格内容为空白时，该单元格背景为黄色。
代码清单19-9 empty选择器使用示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http：//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http：//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>empty选择器</title>
<style type="text/css">
:empty{
background-color: yellow;
}
</style>
</head>
<body>
<table border="1" cellpading="0" cellspacing="0">
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td></td></tr>
</table>
</body>
</html>
使用empty选择器后的运行结果如图19-13所示。
图19-13 使用empty选择器示例
相关HTML 5与CSS 3权威指南：选择器root、not、empty和target（2）