类名：指的是class的属性值
一个标签内可以携带多个类名，指的是class的属性值可以有多个，每一个属性值之间使用空格分隔。
举例：<标签名 class="值1 值2 值3"></标签名>
多个类名的优点：1,减少CSS的代码量2.多个类名的样式会叠加到当前元素上面
<div class="box1">CBA季后赛：广厦1-0领先吉林 胡金秋24分孙铭徽17+12</div> <div class="box2">掘金大胜灰熊锁定季后赛 约基奇逆天数据联盟历史唯一</div> <div class="box3">费城惨遭猛龙15分逆转 西卡大号三双大帝空砍30+10</div>
如上html代码,如果box1和box2的组合样式等于box3，那么box3就没必要重新定义样式了;改写如下:
<div class="box1 box2">费城惨遭猛龙15分逆转 西卡大号三双大帝空砍30+10</div>
注意：如果说一个标签内的多个类名，它们设置的样式是一样的话，就会存在样式的冲突！
<div class="box1 box2">嫉妒C罗？鲁尼回应：除了梅西，没有一个球员不嫉妒C罗</div>
<style type="text/css">
.box1{color: #f00;}
.box2{color: #0f0;}
/*如果说一个标签内的多个类名上面设置的样式一样的话,就会出现样式冲突;那么是以css中的代码作为标准,谁写在后面就以谁作用标准,和HTML中的css的属性值的顺序没有关系.*/
</style>
转载请注明：大灰牛博客 » 一个标签内可以携带多个类名