css中两个class写一起

在CSS中，有时候我们需要为一个HTML元素添加多个样式，此时我们可以使用两个class一起写的方式。对于这种情况，我们可以通过在HTML元素中同时添加两个class名，然后在CSS中对应写入这两个class的样式，就可以实现为一个元素添加多个不同的样式效果。

  
    <div class="class1 class2">
      ...
    </div>

    .class1 {
      /* 样式1 */
    }

    .class2 {
      /* 样式2 */
    }

    .class1.class2 {
      /* 样式3 */
    }
  

上面的代码中，我们在div元素中同时添加了class1和class2两个class名，然后在CSS中分别为这两个class名写入了样式。需要注意的是，当我们需要为这个div元素添加两个class的样式效果时，我们可以使用class1和class2分别写入不同的样式或者使用class1.class2一起写入一个样式，两种方式都是可以的。

例如，我们可以为class1添加字体颜色样式，为class2添加背景色样式，也可以使用class1.class2写入一个样式，为这个div元素同时添加字体颜色和背景色样式效果。

  
    .class1 {
      color: red;
    }

    .class2 {
      background-color: yellow;
    }

    .class1.class2 {
      color: red;
      background-color: yellow;
    }
  

总之，在CSS中使用两个class写在一起，是一种非常方便和有效的方式，可以为我们实现多样式效果提供一种简单的解决方法。