CSS 更改多个类

在CSS中，您可以同时更改多个类的样式。这在需要应用相同样式的多个元素中非常有用。

方法1：用逗号隔开多个类名

在CSS规则中，用逗号隔开多个类名可以同时应用样式。例如：

.header, .nav, .footer {
  font-size: 18px;
  color: #333;
}

在上面的例子中，.header，.nav和.footer元素将应用相同的字体大小和颜色。

方法2：用通配符选择器更改多个元素的样式

您可以使用通配符选择器*选择所有元素，并应用相同的样式。例如：

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

在上面的例子中，所有元素将具有相同的框模型（box-sizing）属性，并且在页面上不会有额外的边距或填充。

方法3：使用CSS预处理器

CSS预处理器（如SASS或LESS）允许您编写更灵活的CSS代码，并更轻松地管理多个类的样式。例如，使用SASS：

.header {
  font-size: 18px;
  color: #333;
}

.nav {
  @extend .header;
  background-color: #f5f5f5;
}

.footer {
  @extend .header;
  text-align: center;
}

在上面的例子中，.nav和.footer元素将继承.header的样式，因此它们共享相同的字体大小和颜色。

总结：以上是几种同时更改多个类的样式的方法，您可以根据需要选择其中一种或组合使用。