選擇器的權重

2021-10-06 16:09:24 字數 524 閱讀 3157

樣式的衝突

- 當我們通過不同的選擇器,選中相同的元素,並且為相同的樣式設定不同的值時,此時就發生了樣式的衝突。

發生樣式衝突時,應用哪個樣式由選擇器的權重(優先順序)決定

選擇器的權重

內聯樣式 1,0,0,0

id選擇器 0,1,0,0

類和偽類選擇器 0,0,1,0

元素選擇器 0,0,0,1

通配選擇器 0,0,0,0

繼承的樣式 沒有優先順序

比較優先順序時,需要將所有的選擇器的優先順序進行相加計算,最後優先順序越高,則越優先顯示(分組選擇器是單獨計算的),

選擇器的累加不會超過其最大的數量級,類選擇器在高也不會超過id選擇器

如果優先順序計算後相同,此時則優先使用靠下的樣式

可以在某乙個樣式的後邊新增 !important ,則此時該樣式會獲取到最高的優先順序,甚至超過內聯樣式,

注意:在開發中這個玩意一定要慎用!

選擇器的權重

樣式 權值內聯樣式 1,0,0,0 id選擇器 0,1,0,0 類和偽類選擇器 0,0,1,0 元素選擇器 0,0,0,1 通配選擇器 0,0,0,0 繼承的樣式 沒有優先順序 注 1 比較優先順序時,需將所有的選擇器權值相加計算 相加是按位相加,不會進製 總的權值越高,優先順序越高。但分組選擇器是...

css選擇器 權重

基礎選擇器 一 標籤選擇器 p h1 css不區分大小寫,建議小寫 1 所有的標籤都可以作為標籤選擇器去使用 2 無論這個標籤藏多深,一定能夠被選上 3 選擇頁面所有的,而不是具體某乙個 標籤選擇器,選擇的是頁面上所有這種型別的標籤,所以經常描述 共性 無法描述某乙個元素的 個性 的。二 id選擇器...

CSS選擇器權重問題

原則一 繼承不如指定 原則二 id class 標籤選擇符 原則三 越具體越強大 原則四 標籤 id id 標籤.class class css優先順序包含四個級別 標籤內選擇符,id選擇符,class選擇符,元素選擇符 以及各級別出現的次數 根據這四個級別出現的次數計算得到css的優先順序。css...