直接子代选择器
例如 p > .title将会选中p元素下第一代有title class的子元素
<p>
<div class='title'></div>
<div class='content'>
<div class='title'></div>
</div>
</p>
则
第一个title将会被选中,因为他是p的第一级子元素(直接子元素)
第二个title不会被选中,因为他是p的第二级子元素(非直接子元素)
非直接子代选择器 空格
例如 p .title
上面的例子中,两个title都会被选中,因为他们都是p的子元素,不管是直接的还是非直接的子元素,都会被选中。