css两个样式用同一种代码

在CSS中，我们经常会遇到需要定义两个样式，且这两个样式使用的CSS代码相同的情况。这时候，我们可以通过以下两种方法来实现。 第一种方法是使用逗号分隔符来定义多个选择器的样式。比如说，我们需要给h1和h2标题标签设置相同的样式，可以这样写：

h1,h2 {
  font-size: 24px;
  font-weight: bold;
}

这样，h1和h2标签就都具备了相同的字号和粗细。 第二种方法则是使用类选择器来定义样式。比如说，我们需要给两个按钮设置相同的样式，可以这样写：

.button-style {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  border-radius: 10px;
  transition: all 0.5s;
}

按钮1
按钮2

这样，我们就定义了一个名为button-style的类，两个按钮分别添加了这个类，从而达到了相同的样式效果。 无论是哪种方法，都可以大大减少我们的工作量，提高代码的可维护性。当然，在实际的开发过程中，还有很多其他的方法可以优化CSS代码，让我们的样式更加精简、优雅。