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{
    
}
复制代码