直接子代选择器

例如 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的子元素，不管是直接的还是非直接的子元素，都会被选中。