元素关系选择器

子选择器：

.box>p{
　　color: red
}
<div class='box'>
　　<p>我是段落</p>
　　<p>我是段落</p>
　　<div>
　　　　<p>我是段落</p>    
　　</div>
</div>

而 .box p{ color: red }

<div class='box'>
　　<p>我是段落</p>
　　<p>我是段落</p>
　　<div>
　　　　<p>我是段落</p>    
　　</div>
</div>

相邻兄弟选择器：相邻的元素。

通用兄弟选择器：也就是该元素后的同层元素。