如何在 CSS 中链接到类

在 CSS 中，我们通常使用类来给 HTML 元素添加样式。类是一种在一个或多个元素中共享相同属性的方便方法。

链接到类

要在 CSS 中链接到类，请在类名前加一个点号(.),就像这样：

.my-class {
  color: red;
}

在上述示例中，类名为“my-class”，并且它被链接到颜色样式属性。“.”点号表示这是一个类。

通过HTML使用类

在 HTML 中，可以像这样使用类：

<div class="my-class">Hello, World!</div>

在上述示例中，我们已经链接到了在 CSS 中定义的“my-class”类，使文本颜色变为红色。

注意，类名可以随意命名，只要在 CSS 中和 HTML 中保持一致即可。

链接到多个类

在 CSS 中，可以将一个元素链接到多个类。这使得在不同组件中重复使用样式变得更加容易。

.my-class {
  color: red;
}

.my-other-class {
  font-size: 24px;
}

在上述示例中，有两个不同的类：“my-class”和“my-other-class”。这允许我们在 HTML 中链接到一个元素的多个类：

<div class="my-class my-other-class">Hello, World!</div>

上述示例将元素链接到两个类。它会继承两个类中的所有样式。

总结

在 CSS 中链接到类允许我们在 HTML 元素中添加样式。通过在类名前加点号.可以链接到一个类。可以将元素链接到多个类，这使得在重复使用样式时更容易。