CSS3选择器的组合使用

1.分组选择–多个选择，一套样式

a,p{color:gray}

2.多条件选择–多个选择，同一个元素

.borded.highlight{font-size:200%}//选择同时具有border和highlight类的元素
.a#b{}//选择所有class为a，id为b的元素
.a[b="c"]{}//选择所有class为a且拥有b属性，且b属性值为“c”的元素

3.后代选择

footer span{}

4.子选择–子选择子元素，不选择后代元素

#grandpa > div{}//只选择id为grandpa的元素的子div元素

5.相邻兄弟选择–找弟弟

#me + span{}//寻找id为me的元素的同级的下一个span元素

6.通用兄弟选择器

#me ~span{}//选择id为me的元素的所有弟弟