子選擇器
子選擇器的匹配范圍要比后代選擇器要小，后代選擇器是子孫后代全部匹配，而子選擇器則只會匹配一級子元素。
E > F 子包含選擇器 選擇匹配F的元素，且該元素為所匹配E元素的子元素。
E>F
以上代碼就是創(chuàng)建子選擇器的格式，中間用一個大于號分隔，代碼實例如下:
.antzone>li{
color:blue
}以上代碼只會講antzone下的一級子元素li的字體顏色設置為藍色。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ipnx.cn/" />
<title>PHP中文網(wǎng)</title>
<style type="text/css">
#box > ul{
color:blue
}
</style>
</head>
<body>
<div id="box">
<ul>
<li>歡迎來到PHP中文網(wǎng)</li>
<li>PHP中文網(wǎng)歡迎您</li>
</ul>
<div>
<ul>
<li>歡迎來到PHP中文網(wǎng)</li>
<li>PHP中文網(wǎng)歡迎您</li>
</ul>
</div>
</div>
</body>
</html>由上面的代碼可以看到只有box元素的第一級ul子元素中的字體顏色才會被設置為藍色。
