前端基礎---選擇器的優先順序
阿新 • • 發佈:2021-06-29
當時用不同的選擇器,選中同一個元素時並且設定相同的樣式時
這時樣式之間產生了衝突,最終到底採用哪個選擇器定義的樣式,由選擇器的優先順序(權重)
決定
優先順序高的優先顯示
優先順序的規則
內聯樣式 優先順序 1000
id選擇器 優先順序 100
類和偽類 優先順序 10
元素選擇器 優先順序 1
通配選擇器 優先順序 0
繼承的樣式 沒有優先順序
當選擇器中包含多種選擇器時,需要將多種選擇器的優先順序相加然後在比較
但是注意: 選擇器優先順序計算不會超過他的最大的數量級,如果選擇器的優先順序一樣,
使用靠後的選擇器
並集選擇器的優先順序是單獨計算
可以在樣式的最後,新增一個 !important,則此時該樣式將會獲得一個最高的優先順序
但是在開發中儘量避免使用 !important
例如:
p{
background-color: yellow !important;
}