还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;}
一个元素的第一代子元素，就是说在html结构中，这个元素内部直接包含的第一级元素。
例如在html结构中,那无序列表ul举例。
<ul>
<li>第一代子元素</li>
<li>第一代子元素
<a>第二代子元素</a>
</li>
</ul>