css中的','、'>'、'+'、'~'

,(羣組選擇器)

A , B{
    
}
複製代碼

空格(後代選擇器)

//選擇A全部的後代B元素
A B{
    
}
複製代碼

>（子元素選擇器）

//選擇A的一代B元素
A > B{
    
}
複製代碼

總結：「>」是css3中特有的選擇器，A B選擇全部後代元素，爲A>B只選擇一代。

+(相鄰兄弟選擇器)

//設置的是緊跟在A元素後的B元素，指定元素的下一個元素
A + B{
    
}

//eg:設置列表中的第二個及後面的li，但第一個列表項不受影響、相同父元素、緊跟在其後
li + li{
    
}

複製代碼

~（兄弟選擇器）

//A以後的全部B元素，不必定要緊跟在A後面、相同父元素
A ~ B{
    
}
複製代碼