在CSS中，类选择器用来选择一个或者多个拥有相同类名的元素，并针对这些元素应用相同的样式规则。类选择器以一个点号（.）开头，后面接着类名，类名必须是以字母、数字、短横线或下划线组成，且必须以字母开头。一个HTML文档中可以有多个相同的类名，同样，一个元素也可以拥有多个类名。
2. 如何使用类选择器？
在HTML文档中，给元素添加类名使用class属性，如下所示：
<p class="example">这是一个拥有类名为 example 的段落</p>
通过上述方式可以给元素赋予一个新的类名，接下来在CSS样式文件中，就可以通过这个类名选择对应的元素，进而为其添加样式规则，如下所示：
.example {
color: red;
}
上述代码表示选择所有类名为 example 的元素，将其颜色设置为红色。
3. 类选择器运用示例
下面，通过一个简单的示例来演示类选择器的使用方法：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Classes in CSS</title>
<style>
.blue {
color: blue;
}
.red {
color: red;
}
.underline {
text-decoration: underline;
}
.italic {
font-style: italic;
}
</style>
</head>
<body>
<p class="blue">I am blue.</p>
<p class="red">I am red.</p>
<p class="underline">I am underlined.</p>
<p class="italic">I am italicized.</p>
<p class="blue italic">I am blue and italicized.</p>
<p class="red underline">I am red and underlined.</p>
<p class="blue underline italic">I am blue, underlined, and italicized.</p>
</body>
</html>
上述代码中，针对类名为 blue 的元素，将字体颜色设置为蓝色；针对类名为 red 的元素，将字体颜色设置为红色；针对类名为 underline 的元素，将文本下划线；针对类名为 italic 的元素，将字体样式设置为斜体。可以看到，使用类选择器可以方便地对HTML文档中的多个元素应用相同的样式规则，同时只需维护一份样式规则就能够使多个元素产生效果，无需在多个元素中维护相同的样式，这也是类选择器带来的方便之处。
4. 总结
类选择器可以根据元素的class属性选择元素，并将相应的样式规则应用于这些元素上。类选择器的使用可以简化样式规则的编写和维护，同时也可以使HTML文档更具可读性和可维护性。