文章内容
1、后代选取器（以空格分隔）
后代选取器匹配所有指定元素的后代元素
1 2 3 4 | div p { background-color:yellow; } |
2、子元素选择器（以大于号分隔）
子元素选择器（Child selectors）只能选择作为某元素子元素的元素
1 2 3 4 | div>p { background-color:yellow; } |
3、相邻兄弟选择器（以加号分隔）
相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素
1 2 3 4 | div+p { background-color:yellow; } |
4、普通兄弟选择器（以波浪号分隔）
普通兄弟选择器选取所有指定元素的相邻兄弟元素
1 2 3 4 | div~p { background-color:yellow; } |