当html元素有多个类名时，样式覆盖问题

有这么一段代码。carousel-item-active{width:39.722vw;身高：21.667vw；边界半径：2.083vw；border:0.833vwsolidrgba(72,155,97,1);}.carousel-item{width:30.556vw;身高：16.667vw；背景：rgba(255,255,255,1);border:0.278vwsolidrgba(214,214,214,1);}有效类名以css文件中最后定义的类的样式为准。比如上面代码的生效样式是carousel-item的样式，然后在css中调整样式中两种样式的顺序。旋转木马项目{宽度：30.556vw;身高：16.667vw；背景：rgba(255,255,255,1);边界半径：1.389vw；border:0.278vwsolidrgba(214,214,214,1);}.carousel-item-active{width:39.722vw;身高：21.667vw；边界半径：2.083vw；边框：0.833vw实心rgba（72、155、97、1）；}不修改html元素，此时生效的样式为carousel-item-active，即width:39.722vw;身高：21.667vw；边界半径：2.083vw；边框：0.833vw实心rgba（72、155、97、1）；总结：当一个元素绑定了多个类名，并且有当有多个相同的属性时，将按照写入的先后顺序生效。前面写的后面会被覆盖。与html中class属性中类名的书写关系有关系吗？