子选择器的匹配范围要比后代选择器要小，后代选择器是子孙后代全部匹配，而子选择器则只会匹配一级子元素。
E > F 子包含选择器 选择匹配F的元素，且该元素为所匹配E元素的子元素。
E>F
以上代码就是创建子选择器的格式，中间用一个大于号分隔，代码实例如下:
.antzone>li{
color:blue
}以上代码只会讲antzone下的一级子元素li的字体颜色设置为蓝色。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>PHP中文网</title>
<style type="text/css">
#box > ul{
color:blue
}
</style>
</head>
<body>
<div id="box">
<ul>
<li>欢迎来到PHP中文网</li>
<li>PHP中文网欢迎您</li>
</ul>
<div>
<ul>
<li>欢迎来到PHP中文网</li>
<li>PHP中文网欢迎您</li>
</ul>
</div>
</div>
</body>
</html>由上面的代码可以看到只有box元素的第一级ul子元素中的字体颜色才会被设置为蓝色。
下一节