css选择器使用

css中选择器的组合用法，一下用“.ab”、“.cd”代表两个类

1.祖先选择使用

.ab .cd{   .....    }    //两个类之间是空格，代表拥有样式".ab"的元素，他的所有后代元素有“.cd”样式的元素都将被选中

2.儿子选择使用

.ab>.cd{  ......   }    //两个类之间是大于号，代表拥有样式“.ab”的元素，他的所有儿子元素有“.cd”的那些元素

3.兄弟选择使用

.ab+.cd{  ......   }   //两个类之间是加号，代表有“.ab”样式的元素，他的直接后一个兄弟元素且有样式“.cd”的元素（该任然包含其的他样式也无所谓）

4.同时拥有两个类元素

.ab.cd{     ....   }     //两个类之间什么都没有，紧挨着写，代表同时拥有这两个类的元素（就算该元素还有其他样式也无所谓）

5.形如.ab,cd{ .... } 表示并列，两者之前并没有关系