文章内容
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; } |