14.8.2 CSS E > F 子对象选择符

E > F -- CSS子对象选择符，匹配文档中符合选择符规定的直接包含关系的元素

语法: E > F...
- E > F...，E、F代表简单选择符
引用网址：http://www.dreamdu.com/css/selector_combinator_child/
说明：
- 匹配文档中符合选择符规定的直接包含关系的元素，例如E > F选择符，匹配当F元素是E元素的子元素的E元素
- 包含选择符是由两个或多个使用>（大于号，greater-than sign）连接的简单选择符组成
- "孩子、儿女"child代表文档中一个元素是另外一个元素的孩子，也就是一个元素直接包含另外一个元素
- 包含选择符比子选择符范围更广，因包含关系中一个元素可以是另外一个元素的"儿子"、"孙子"、"从孙子"，而子对象选择符中的一个元素只能是另外一个元素的"儿子"，"孙子"或"从孙子"不行
子对象选择符的英文名称为"child combinator"，child，中文"孩子、儿女"的意思，combinator，中文"组合"的意思

示例

p > code
{
	color:blue;
	font-size:120%;
}

<p>
        <code>梦之都CSS子对象选择符可用，蓝色</code>
</p>

上面的例子可以显示p > code定义的样式.

<p>
        <span><code>梦之都CSS子对象选择符不可用</code></span>
</p>

上面的例子不能显示p > code定义的样式,因为p与code不是直接包含关系，是间接包含关系（code是p的"孙子"）

和包含选择符一样,直接子对象选择符也可以扩展

p > span > code
{
	color:green;
	font-size:80%;
}

p > span > code选择符可以正常显示上面的示例2

p > code
{
	color:red;
	font-size:120%;
}

p > span > code
{
	color:green;
	font-size:120%;
}

div ol > li p
{
	color:blue;
	font-size:120%;
}

CSS子对象选择符浏览器兼容性
选择符	IE6	IE7	IE8	IE9	FF	CH	OP	SA
E > F...	no	yes	yes	yes	yes	yes	yes	yes