在CSS中,我们可以通过类名选取元素,这十分有用。CSS类让我们在不修改每个元素的情况下将样式应用于许多元素。
要创建一个CSS类,我们需要在样式表中定义它。以下是一个例子:
.my-class { background-color: blue; color: white; }
现在,我们可以将这个类应用于任何希望获得蓝色背景和白色文本的元素。我们可以通过在HTML中添加class属性来实现这一点:
<p class="my-class">这段文本拥有蓝色背景和白色字体</p>
我们甚至可以将同一个类应用于多个元素:
<p class="my-class">这段文本拥有蓝色背景和白色字体</p> <div class="my-class">这个div也拥有蓝色背景和白色字体</div>
注意,类名前面必须加一个点来标识它是一个类。如果想应用多个类,可以用空格分隔它们:
<p class="my-class my-other-class">这段文本拥有两个类的样式</p>
现在,这段文本将继承.my-class和.my-other-class的样式。如果需要仅应用一个类,请将另一个类从class属性中删除。
在CSS中选择类比较简单。如果想选择一个类,只需在类名前加一个点:
.my-class { /* 样式 */ }
此时,通过class属性应用my-class类的元素将应用样式。这是一个非常常见的CSS选择器,因为它允许我们快速应用共同的样式。