发现一件天大的事：class 的顺序

以后一直认为对于类CSS的反应应该是这样的：

　　话说，如果给一个标签应用了两个css,如：

CSS为：

<style type="text/css">
   
   .green{color:green;}
 .yellow{color:yellow;} 

</style>

 

 

HTML：

<div class="green yellow ">
    asdfsfewhjflksjdo
    sdfsf
</div>

 

我之前的理解是，在HTML中，class中的两个className分别为green 和yellow ，因为yellow 在green 后面，所以div的文字颜色应该为yellow黄色。

但是不幸的事情发生了，如果我们把在CSS中的CSS定义的颜色顺序改一下，如下：

 

<style type="text/css">
   
  
 .yellow{color:yellow;} 
 .green{color:green;}    /*--------现在把.green定义在后面-------*/

</style>

 

HTML：

<div class="green yellow ">    <!----   HTML不变     -->
    asdfsfewhjflksjdo
    sdfsf
</div> 

 

结果呢，文字的颜色按理说还是yellow黄色，因为 class="green yellow "中yllow在后面。但是文字变成green绿色了。

所以说，样式的运用不是class中类的顺序决定的，而是类在CSS中定义的顺序决定的。