在CSS中,我们可以同时为一个HTML元素指定多个类,这样就可以在每个类之间共享CSS样式了。比如:
.class1 { color: red; } .class2 { font-size: 14px; } .class1.class2 { text-decoration: underline; }
上面这个示例中,我们定义了3个类,分别为class1、class2以及两个类一起使用时的class1.class2。我们可以在HTML中为一个元素指定两个类:
<div class="class1 class2">这是一个带有两个类的div</div>
这里的div元素就同时拥有了class1和class2这两个类,它会继承这两个类所共享的CSS样式,同时还会应用class1.class2中定义的样式,即添加下划线。这样,我们就可以更方便地对页面元素进行样式的管理和设置,而不必编写大量的CSS代码。