淘先锋技术网

首页 1 2 3 4 5 6 7

CSS中的class有许多用途,其中之一是给HTML元素添加样式。常见的class选择器是通过一个点.加上class名来实现的,比如下面这个例子:

.red {
color: red;
}

这个选择器的意思是“所有class为red的HTML元素都应该显示为红色”。那么,如果我们的HTML中有一个元素同时包含两个class怎么办?CSS可以通过在class名之间加上空格来实现这个目的,例如:

.big.red {
font-size: 24px;
color: red;
}

这个选择器的意思是“所有同时包含bigred两个class的HTML元素都应该显示为24号字体并且红色”。需要注意的是,空格是区分大小写的,因此.bigRed.big.red是不同的class选择器。

另外,一个HTML元素可以同时包含任意数量的class,它们之间只需要通过空格隔开即可,例如:

<div class="big red bold">这是一个测试</div>

这个<div>元素有三个class:Big、Red和Bold,它们之间通过空格隔开。CSS选择器可以对这三个class实现组合或单独的设置样式。