div中class里面可以写两个name，到底显示那个name的效果？

<style type="text/css">

.name2 {
 width:200px;
 height:200px;
 margin:50px auto;
 background-color:#00FF00;
 border:1px solid #00FFFF;
}

.name1 {
 width:100px;
 height:100px;
 margin:0 auto;
 border:1px solid #FF0000;
 background-color:#999999;
}

</style>

<div class="name2 name1"></div>

 

上面的源码

和class里面的顺序都无关，只和name2和name1解析的优先级高优关

 

name1的优先级最后面解析到，显示name1