CSS 群组化选择符

当我们针对同一个 HTML 文档中的多个元素设置相同的样式时，CSS 群组化选择符可以让我们更加高效的进行操作。下面是 CSS 群组化选择符的完整攻略：

标准格式

群组化选择符使用逗号 , 将要选择的元素一起写在同一行上，例如：

h1, h2, h3 {
  color: red;
  font-size: 24px;
}

以上代码将会同时选中页面上所有的 h1、h2 和 h3 标签，并且设置它们的字体颜色为红色，字体大小为 24 像素。

实际应用

在实际应用中，我们可以使用 CSS 群组化选择符来避免写重复的样式代码。例如，如果我们需要设置两个 div 元素的样式，可以这样写：

div.container, .wrapper {
  background-color: #eee;
  margin-bottom: 10px;
  padding: 10px;
}

以上代码将会同时选中页面上所有 class 为 container 的 div 元素和所有 class 为 wrapper 的元素，并将它们的背景色设为 #eee，底部留出 10 像素的空白，外部和内部都设为 10 像素的边距。

注意事项

需要注意的是，使用 CSS 群组化选择符也会增加样式的优先级，因此在设置样式时需要注意权重。另外，在使用 CSS 群组化选择符时，也不应过度使用，以避免造成样式混乱和管理困难的问题。