我们可以给一个标签指定多个类名,从而达到更多的选择目的。这些类名都可以选出这个标签。
简单理解就是 一个标签有多个名字。
1 多类名使用方式
举例:<div class="red font20">红色</div>
注意:在标签class属性中写多个类名
多个类名中间必须用空格分开
这个标签就可以分别具有这些类名的样式
2 使用场景
(1)可以把一些标签元素相同的样式(共同的部分)放到一个类里面
(2)这些标签都可以调用这个公共的类,让后再调用自己独有的类
代码演示:
页面效果展示:
上一节的样式代码也可以进行修改