层次选择器：

查找子元素, 后代元素, 兄弟元素的选择器

分类：

ancestor descendant

在给定的祖先的元素下匹配所有的后代元素

例如：ul span

//1. 选中ul下所有的的span

$('ul span').css('background', 'yellow')

parent > child

在给定父元素下匹配所有的子元素

例如：ul>span

//2. 选中ul下所有的子元素span

 $('ul>span').css('background', 'yellow')

prev + next

匹配所有紧接在prev元素后的next元素（只匹配一位）

//3. 选中class为box的下一个li

 $('.box+li').css('background', 'yellow')

prev ~ siblings

匹配prev所有元素之后的所有siblings元素

例如：ul .box~*

//4. 选中ul下的class为box的元素后面的所有兄弟元素

$('ul .box~*').css('background', 'yellow')