[分享]css中class是什么意思

在CSS中，class是一个常见的用法。class可以帮助我们标识出HTML的各个部分，并按照自己的需要为它们添加样式。class是CSS选择器中的一种，它以"."开头，后面跟着一...

在CSS中，class是一个常见的用法。class可以帮助我们标识出HTML的各个部分，并按照自己的需要为它们添加样式。

class是CSS选择器中的一种，它以"."开头，后面跟着一个名称。例如，我们可以在HTML中使用class属性为一个元素标记一个特定的类:

<div class="my-class">...</div>
<p class="my-class">...</p>
<span class="my-class">...</span> 

当我们想要将所有具有这个类的元素都应用同样的样式时，可以为.my-class设置样式:

.my-class {
  color: white;
  background-color: blue;
} 

现在，无论是<div>、<p>还是<span>标记，只要它们有my-class这个类，它们都将拥有白色文字和蓝色背景。

一个HTML元素可以拥有多个类，这些类名可以用空格分隔:

<p class="class1 class2 class3">...</p> 

这是有用的，当您想为元素应用两种或更多不同类型的样式时，可以使用多个类名。例如:

.class1 {
  color: red;
}

.class2 {
  font-weight: bold;
}

.class3 {
  text-decoration: underline;
} 

现在，如果我们给一个HTML元素同时添加了class1、class2和class3这三个类，它会同时拥有color: red、font-weight: bold和text-decoration: underline三种样式。

在CSS中，class是一个简单而重要的概念，它可以让我们将所有具有相同特征的HTML元素分组，以方便应用属性和样式。