开宗明义：《CSS权威指南第三版》精髓中文学习笔记【4.4】CSS选择符分组

迄今为止，事情就这么简单——如果只想将一个样式应用于某个选择符，就是这样轻而易举。毫无疑问，我们要求的不仅仅是这些；有时，我们或许需要让同一条规则应用于多个元素，也就是多个选择符，或者要将更多的样式应用于一个或一组元素。
假设文档中的H2元素和P元素都应是灰色的文本。最简便的方式就是像下面的这样：

H2,p {color:gray;}

通过将H2和p元素同时放在规则的左边并且用英文逗号分隔它们，右边为规则定义的样式，规则将被同时应用于两个选择符。逗号告诉浏览器在这一条规则中包含两个不同的选择符。如果漏掉了逗号，将会赋予这条规则完全不同的意义。我们将在”上下文选择符”一节中对此展开讨论。

也可以一次分组任意多个选择符。如果想让文档中的每个元素都为灰色，可以用下面的规则：

BODY,TABLE,TH,TD,H1,H2,H3,H4,P,RE,STRONG,EM,B,I {color:gray;}

正如可以看到的那样，分组可以让作者大量地压缩某种类型的样式分配，否则它们会占用很长的样式表。下面的两种方式结果一样，但哪一种更为容易是很明显的：

H1 {color:purple;}
H2 {color:purple;}
H3 {color:purple;}
H4 {color:purple;}
H5 {color:purple;}
H6 {color:purple;}

或者使用

H1,H2,H3,H4,H5,H6 {color:purple;}

分组可以有一些有趣的选择方式。例如，下面的所有样式表都是等价的——每一个样式表都显示了一种不同的分组方式——而它们所得到的效果都一样，如图所示：

H1 {color:purple;background:white;}
H2 {color:purple;background:green;}
H3 {color:white;background:green;}
H4 {color:purple;background:white;}
B {color:red;background:white;}

H1,H2,H4 {color:purple;}
H2,H3 {background:green;}
H1,H4,B {background:white;}
H3 {color:white;}
B {color:red;}

H1,H4 {color:purple;background:white;}
H2 {color:purple;}
H3 {color:white;}
H2,H3 {background:green;}
B {color:red;background:white;}