提示:多类名就是说我们可以给class取用多个名字
例如:
<div class:color background size>随意</div>
<div class:color background size>随意</div>
<div class:color background size>随意</div>
注意:取用多类名的时候,每个名字之间需要空格分隔开
![](https://i-blog.csdnimg.cn/blog_migrate/784222539ab1e1decdba2c3e8ee9a6a9.png)
这样取类名分工明确
black代表颜色
background代表div背景
size代表尺寸或自体大小等等。。。。
这样写的好处:
标签可以分为多个类名样式,把一些相同的标签元素放到一个类里。
2.这些标签都可以调用这个公共的类,然后再调自己独有的类。
节省CSS代码,方便修改。
展示代码:
![](https://i-blog.csdnimg.cn/blog_migrate/e05aadc392237766d434b4fb771e8892.png)
展示效果:
![](https://i-blog.csdnimg.cn/blog_migrate/165c3bb28134a20a4d6763eadd69ca2d.png)