CSS中几种经常使用的选择器

类a和b的背景颜色都为白色

大于号‘ > ’指子代元素(子代选择器)

.a>.b{
    background-color:#fff;
}

类a下的类b元素的背景颜色为白色

空格‘ ’指后代元素(后代选择器)

.a .b{
    background-color:#fff;
}

类a下的全部类b元素的背景颜色为白色（与子代选择器不一样，后代选择器能够包含a下的全部b元素，包括子孙）

加号‘ + ’指相邻元素（相邻选择器）

.a+.b{
    background-color:#fff;
}

紧接在类a下的类b元素的背景颜色为白色（即选择紧接在.a元素后出现的.b元素，.a 和,b拥有共同的父元素）

波浪号‘ ~ ’指.a以后出现的全部.b

.a~.b{
　　background:#fff;
}

.a以后的全部.b元素的背景颜色为白色（两种元素必须拥有相同的父元素，可是.b没必要直接紧随.a）