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樣式表從下往上的順序