子选择器：.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>
相邻兄弟选择器：相邻的元素。
通用兄弟选择器：也就是该元素后的同层元素。
