<div class="class1 class2"> <p>这是一个段落</p> </div>
这里的class1和class2就是该元素的两个class,可以在CSS样式表中对其进行定义,例如:
.class1 { font-size: 16px; color: red; } .class2 { font-weight: bold; text-decoration: underline; }
这样,上述段落中的字体大小为16px,颜色为红色,同时字体加粗,带有下划线。
需要注意的是,多个class的顺序可以随意调整,效果不变,例如:
<div class="class2 class1"> <p>这是一个段落</p> </div>
以上代码与第一个例子效果相同。
使用多个class可以让样式代码更加模块化和可维护,适用于复杂的页面布局和效果。同时,如果多个class中定义了相同的样式属性,后面的class将覆盖前面的。
总之,第二个class就是指添加在元素上的第二个样式类,可以与其他class一起组合使用。