如何在 HTML 中编写 2 个类

在 HTML 中，我们可以使用 class 属性来定义元素的类。类用于指定一组元素的共同样式或行为。以下是如何在 HTML 中编写 2 个类的方法：

方法一：使用空格分隔的多个类

我们可以为一个元素指定多个类。使用空格来分隔类名。例如：

<div class="class1 class2">这个元素有两个类。</div>

在这个例子中，这个 div 元素有两个类: class1 和 class2。

方法二：使用多个 class 属性

我们还可以为一个元素指定多个 class 属性。例如：

<div class="class1" class="class2">这个元素也有两个类。</div>

在这个例子中，这个 div 元素同样有两个类: class1 和 class2。

但是需要注意的是，这种方法并不被 HTML 规范所支持。在某些浏览器下，这种写法可能会导致出错。

因此，我们通常使用第一种方法，即使用空格分隔的多个类。

使用类来定义样式

定义了类之后，我们可以在 CSS 中使用这个类来定义样式。例如：

.class1 {
  color: red;
}

.class2 {
  font-size: 20px;
}

这样，所有使用 class1 类或 class2 类的元素都会应用相应的样式。

总结：

在 HTML 中编写 2 个类的方法有两种：

• 使用空格分隔的多个类
• 使用多个 class 属性（不被 HTML 规范所支持）

通过定义类，我们可以在 CSS 中使用这个类来定义样式。