子选择器(E > F),就是只选择元素的直接后代(即子元素),而不选择其它后代的选择器。这就是子选择器与后代选择器的区别。子选择器中,> 两侧的空白符是可选的。
在上一节导航菜单的例子中,假如我们希望第一级列表项的链接文本的字体加粗显示。因为第一级列表项是 ul 的子元素,这时,就可以使用子选择器来实现。如:
ul > li a { font-weight: bold;}