css中怎么设置多个类

CSS中的一个非常重要的特性就是可以通过类（class）来定义样式。通过定义类，我们可以将一组相同或相似的元素应用相同的样式，减少了代码的冗余和维护的难度。而在实际开发中，我们可能需要给一个元素添加多个类，这就需要使用多个类选择器。

/* 定义两个类选择器 */
.class1 {
  color: red;
}

.class2 {
  font-size: 20px;
}

/* 给元素添加两个类 */
<div class="class1 class2">Hello world!</div> 

在上述代码中，我们定义了两个类选择器" class1" 和 " class2"，分别设置了不同的样式。然后在 HTML 元素中添加两个类 " class1" 和 " class2"，使用空格隔开。

需要注意的是，多个类选择器是同时生效的，且样式的优先级是一样的。如果出现冲突，后面的样式会覆盖前面的样式。

/* 定义两个类选择器，存在样式冲突 */
.class1 {
  color: red;
}

.class2 {
  color: blue;
}

/* 给元素添加两个类 */
<div class="class1 class2">Hello world!</div> 

在上述代码中，我们定义了两个类选择器" class1" 和 " class2"，分别设置了不同的颜色。然后在 HTML 元素中添加了这两个类。由于存在样式冲突，最终的颜色会使用后面的样式 " color: blue"。

总结来说，通过给元素添加多个类选择器，我们可以更方便地控制样式，减少代码量，提高代码可复用性。