css两个class用一个样式

对于网页开发人员来说，CSS是必要的技能之一。在CSS中，我们常常使用class来为某些元素添加特定的样式。但是，有时候我们会遇到这样的情况：两个class需要使用同一个样式。那么，怎样才能解决这个问题呢？下面我们就来看看。

/* 声明两个class */
.box1 {
  width: 200px;
  height: 200px;
  background-color: blue;
}

.box2 {
  width: 300px;
  height: 300px;
  background-color: red;
}

/* 将两个class使用共同的样式 */
.box1, .box2 {
  margin: 20px;
  border: 1px solid black;
} 

如上所示，我们首先声明了两个class，分别是.box1和.box2，它们分别表示不同的元素。然后，我们希望这两个元素都具有相同的外边距和边框样式，于是我们将这两个class用逗号隔开，放在同一个样式中。这样，它们都将应用共同的样式规则。

通过这种方式，我们可以简化CSS的代码量，提高开发效率，还可以使样式更加易于维护。当然，在实际开发中，我们也需要注意各种情况下的优化，以便更好地应对不同的需求。