css 同时有两个class

CSS是前端开发中非常重要的一个技能。在使用CSS时我们会经常遇到同时添加多个class的情况，这里我们来详细了解一下这种情况。

 div class="box box-red">
     /div>
    

上面这段代码中，我们在一个div元素上同时添加了两个class，分别为box和box-red。

添加多个class有以下几种情况：

 div class="class1 class2 class3">
     /div>
    

上面这种情况直接使用空格分隔即可。

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

这种情况是不正确的。因为class这个属性在HTML中只能出现一次，所以不能这样写。正确的写法是把多个class合并在一起，使用空格分隔。

在CSS中，同时使用多个class有以下几种方式：

一、使用空格分隔

 .class1.class2 {
  //选择同时拥有class1和class2的元素 }
 

二、使用逗号分隔

 .class1, .class2 {
  //选择class1和class2的元素 }
     

以上都是基本的使用方式，随着CSS技能的增强，我们还可以通过属性选择器、伪类选择器等方式做到更加精准的选择。

总之，CSS使用多个class的方式有很多，我们需要根据具体情况选择合适的方式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！