[分享]css中class定义规则

在 CSS 中，class 是一个用来自定义样式的属性。定义一个 class 很简单，你只需要在 CSS 文件中添加一个以 "." 开头的 class 名称，然后在 HTML 标签...

在 CSS 中，class 是一个用来自定义样式的属性。定义一个 class 很简单，你只需要在 CSS 文件中添加一个以 "." 开头的 class 名称，然后在 HTML 标签中添加这个 class 名称即可。

/* 定义一个 class */
.my-class {
  color: red;
}

/* 使用 class */
<p class="my-class">这是一段红色的文字</p> 

上面的代码中，我们定义了一个名为 "my-class" 的 class，它的颜色为红色。在 HTML 中引用这个 class 只需要在相应的标签中添加 "my-class" 即可。

同时，可以在一个 HTML 标签中添加多个 class，只需用空格隔开即可。如下：

<p class="my-class another-class">这是一段红色且加粗的文字</p> 

上面的代码中，我们在 <p> 标签中添加了两个 class： "my-class" 和 "another-class"。在 CSS 文件中，这两个 class 可以分别定义自己的样式：

/* 定义 "my-class" 的样式 */
.my-class {
  color: red;
}

/* 定义 "another-class" 的样式 */
.another-class {
  font-weight: bold;
} 

这样，在 HTML 中同时引用这两个 class 的标签会应用两个 class 的样式。