如果您有多个使用相同 CSS 的元素，那么可以将各个选择器组合成选择器列表，以便将规则应用于所有各个选择器。例如，如果我的 h1 和 .special 类具有相同的 CSS，我可以将其写成两个独立的规则。
cssh1 {
color: blue;
}
.special {
color: blue;
}
我也可以通过在它们之间添加逗号来将它们组合成选择器列表。
cssh1, .special {
color: blue;
}
逗号之前或之后允许使用空格。如果每个选择器都在新的一行上，您也会发现选择器更容易阅读。
cssh1,
.special {
color: blue;
}
在下面的实时示例中，尝试组合具有相同声明的两个选择器。组合它们之后，视觉显示应该相同。
当您以这种方式组合选择器时，如果任何选择器在语法上无效，则整个规则将被忽略。
在下面的示例中，无效的类选择器规则将被忽略，而 h1 仍然会应用样式。
cssh1 {
color: blue;
}
..special {
color: blue;
}
但是，当它们组合在一起时，h1 和类都不会应用样式，因为整个规则被认为是无效的。
cssh1, ..special {
color: blue;
}