类选择器(Class Selector)

学思创的头像
学思创
271

类选择器(Class Selector)用于选择具有相同类名的HTML元素,并为它们添加样式。

类选择器使用类名作为选择器,类名以.开头。在HTML中,可以将类名应用于一个或多个元素,以便为它们添加共同的样式。

以下是类选择器的示例:

.text-blue {
   color: blue;
   font-weight: bold;
}

.text-red{
   font-size: 18px;
   color: red;
}

在上述示例中,.text-blue选择器选择具有text-blue类的元素,并将它们的文本颜色设置为蓝色,字体加粗。.text-red选择器选择具有text-red类的元素,并将它们的字体大小设置为18像素,文本颜色设置为红色。

要在HTML中应用类选择器,可以使用class属性,并将类名作为属性值,例如:

<p class="text-blue">这是一个使用text-blue类的段落。</p>
<div class="text-red">这是一个使用text-red类的div。</div>

请注意,一个HTML元素可以同时具有多个类名,类名之间使用空格分隔。

用户评论
评论列表