css類選擇器類名覆蓋優先級

• code

<style>
   .a{
      background: red;
   }
   .b{
      background: yellow;
   }
</style>
<div class="a b">A</div>

• 渲染效果
  

最初以為更改元素中class類里面的類名順序，渲染效果就會根據類名順序依次渲染

• code

<style>
   .a{
      background: red;
   }
   .b{
      background: yellow;
   }
</style>
<div class="b a">A</div>

• 渲染效果
  

更改元素class里面類名的順序並不能影響渲染順序

• code

   <style>
   .b{
      background: yellow;
   }
   .a{
      background: red;
   }
   </style>
<div class="a b">A</div>

• 渲染效果
  

更改樣式表里類的順序 渲染順序受到影響

結論：兩個類中有同樣的屬性覆蓋順序是css樣式表從下往上的順序