类指标 CSS

在 CSS 中，类指标是一种引用样式表中特定样式的方法。

使用类指标

要使用类指标，需要使用 class 属性来标识 HTML 元素。例如，如果要为一个元素设置样式，可以使用以下 HTML 代码：

<div class="my-class">
  <!-- some content -->
</div>

然后，可以在 CSS 样式表中定义 .my-class 类指标，并将所需的样式应用于该类指标。

定义类指标

要在 CSS 中定义类指标，需要在类名前加一个点号。例如：

.my-class {
  /* some styles */
}

可以在 class 属性中添加多个类名，以应用多个样式，例如：

<div class="my-class other-class">
  <!-- some content -->
</div>

.my-class {
  /* some styles */
}

.other-class {
  /* some other styles */
}

示例

下面是一个使用类指标的示例。该示例定义 .highlight 类指标，并将其中的样式应用于具有 .highlight 类的所有元素。

<h1 class="highlight">Hello, world!</h1>
<p class="highlight">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

.highlight {
  background-color: yellow;
  color: red;
  font-weight: bold;
}

这将使上面的标题和段落文本都以黄色背景、红色文本颜色和粗体字体显示。