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的元素的所有弟弟