类选择器(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元素可以同时具有多个类名,类名之间使用空格分隔。