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）