如何使用 CSS 创建类？

在 CSS 中，我们使用类来为 HTML 元素定义样式。通过为多个元素应用相同的类，我们可以实现样式的重用和统一，使代码更加简洁。

创建类

要创建一个类，我们需要在 CSS 中使用选择器来选中对应的 HTML 元素，并为其定义样式。选择器可以是元素名、类名、ID 等等。

下面是一个例子，我们创建了一个类名为 my-class 的样式：

.my-class {
  background-color: #ccc;
  color: #333;
  font-size: 24px;
}

在上面的代码中，.my-class 就是一个类选择器，它会选中带有 class="my-class" 属性的 HTML 元素，并将其背景色、文字颜色和字体大小应用上去。

应用类

要应用一个类，我们需要在 HTML 元素上添加 class 属性，并将值设置为类名。我们可以为同一个元素添加多个类，只需在 class 属性值中用空格分隔即可。

下面是一个例子，我们为一个 div 添加了 my-class 类，它会继承 .my-class 的所有样式：

<div class="my-class">
  Hello world!
</div>

组合选择器

如果我们需要根据多个条件来选择 HTML 元素，可以使用组合选择器。例如，要选择带有 class="button" 且在 div 元素下的 a 元素，可以这样写：

div a.button {
  background-color: yellow;
  color: black;
}

在上面的代码中，div a.button 是一个组合选择器，它会选中所有在 div 元素下的带有 class="button" 属性的 a 元素，并将背景色和文字颜色设置为黄色和黑色。

结语

以上就是如何使用 CSS 创建类的介绍。通过学习 CSS 类，我们可以更加灵活地为 HTML 元素定义样式，实现代码重用和统一。