类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）