分組選擇符，可以理解為：群體選擇器，你仔細(xì)回想一下，咱們前面學(xué)習(xí)的幾個選擇器，都是選擇同種元素的選擇器，比如子選擇器--.①div>p{color:red;}：選擇父元素(class為div)的所有子一代元素p，并將其字體顏色設(shè)置為red，這里選擇的都是p元素，再比如包含選擇器--.②div p{color:red;}：選擇父元素(class為div)下的所有p元素，并將它們字體顏色設(shè)置成red。你看看是不是選擇的都是同一種元素p，此時你還想選擇一下別的元素，比如span、em、h1、等等的不同元素，都設(shè)置其字體顏色為紅色，以咱們以前學(xué)習(xí)的選擇器，你是不是要重新打一行代碼，就像這樣--.③.div span{color:red;}是吧？！

又打了一行代碼是不是感覺很煩啊，這時群體選擇器的作用就體現(xiàn)出來了，可以將②③兩段代碼合并

為------.div p,span{color:red;},這段代碼的意思就是將父元素(class為div)下的所有p元素和span元素的字體顏色同時設(shè)置為red，當(dāng)然啦，如果還有別的元素，你還可以加進(jìn)去，用逗號分開就好了!

希望你看完以后自己去打一遍代碼！咱們以后的工作就是“敲代碼”，光看不敲是不行的，怎么看都學(xué)不明白，教程讀百遍，不如自己敲一遍!

span,.first{color:green;}

.first,#second span{

? ? color:green;

}

分組選擇符就是用來給多個具有相同屬性的的元素來設(shè)定屬性，不需要多次重復(fù)輸入一樣的代碼，節(jié)省了工作量