| 选择器 | 含义 | 举例 |
|---|---|---|
| 选择器1,选择器2{属性:值}多元素选择器 | 多元素选择器，同时匹配选择器1和选择器2，多个选择器之间用逗号分隔 | p,h1,h2(margin:0px;} |
| E F{属性:值;}后代选择器 | 后代选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔 | #slidebar p{font-color:#f00;} |
| E>F{属性:值;}子元素选择器 | 子元素选择器,匹配所有属于E元素的子元素F | .slidebar>p{font-color:#0f0;} |
| E+F{属性:值;}相邻元素选择器 | 相邻元素选择器,匹配所有紧随E元素之后的同级元素F | div+p{font-color:#00f;} |
作用:要满足以下前提才会匹配
第一点：E元素与F元素必须是兄弟关系 平辈关系
第二点：E元素与F元素必须要紧挨着就是之间没有任何元素阻挡
第三点：要求F元素一定是在E元素的下面
转载请注明：大灰牛博客 » css复合元素选择器