1. 程式人生 > 其它 >前端基礎---選擇器的優先順序

前端基礎---選擇器的優先順序

當時用不同的選擇器,選中同一個元素時並且設定相同的樣式時

  這時樣式之間產生了衝突,最終到底採用哪個選擇器定義的樣式,由選擇器的優先順序(權重)

  決定

  優先順序高的優先顯示

優先順序的規則

  內聯樣式  優先順序  1000

  id選擇器  優先順序  100

  類和偽類  優先順序  10

  元素選擇器  優先順序  1

  通配選擇器  優先順序  0

  繼承的樣式  沒有優先順序

當選擇器中包含多種選擇器時,需要將多種選擇器的優先順序相加然後在比較

  但是注意: 選擇器優先順序計算不會超過他的最大的數量級,如果選擇器的優先順序一樣,

  使用靠後的選擇器

  

  並集選擇器的優先順序是單獨計算

  可以在樣式的最後,新增一個 !important,則此時該樣式將會獲得一個最高的優先順序

  但是在開發中儘量避免使用 !important

  例如:

  

            p{
                background-color: yellow !important;
            }