CSS组合选择符

1、后代选取器（以空格分隔）

后代选取器匹配所有指定元素的后代元素

div p 
{ 
background-color:yellow; 
}

2、子元素选择器（以大于号分隔）

子元素选择器（Child selectors）只能选择作为某元素子元素的元素

div>p 
{ 
background-color:yellow; 
}

3、相邻兄弟选择器（以加号分隔）

相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素

div+p 
{ 
background-color:yellow; 
}

4、普通兄弟选择器（以波浪号分隔）

普通兄弟选择器选取所有指定元素的相邻兄弟元素

div~p 
{ 
background-color:yellow; 
}