分组选择符，可以理解为：群体选择器，你仔细回想一下，咱们前面学习的几个选择器，都是选择同种元素的选择器，比如子选择器--.①div>p{color:red;}：选择父元素(class为div)的所有子一代元素p，并将其字体颜色设置为red，这里选择的都是p元素，再比如包含选择器--.②div p{color:red;}：选择父元素(class为div)下的所有p元素，并将它们字体颜色设置成red。你看看是不是选择的都是同一种元素p，此时你还想选择一下别的元素，比如span、em、h1、等等的不同元素，都设置其字体颜色为红色，以咱们以前学习的选择器，你是不是要重新打一行代码，就像这样--.③.div span{color:red;}是吧？！

又打了一行代码是不是感觉很烦啊，这时群体选择器的作用就体现出来了，可以将②③两段代码合并

为------.div p,span{color:red;},这段代码的意思就是将父元素(class为div)下的所有p元素和span元素的字体颜色同时设置为red，当然啦，如果还有别的元素，你还可以加进去，用逗号分开就好了!

希望你看完以后自己去打一遍代码！咱们以后的工作就是“敲代码”，光看不敲是不行的，怎么看都学不明白，教程读百遍，不如自己敲一遍!

span,.first{color:green;}

.first,#second span{

    color:green;

}

分组选择符就是用来给多个具有相同属性的的元素来设定属性，不需要多次重复输入一样的代码，节省了工作量