08 層疊性權重相同處理

2022-06-22 19:00:14 字數 545 閱讀 6017

直接上**,看效果!

第一種現象:當權重相同時,以後來設定的屬性為準,前提一定要權重相同

#box2 .wrap3 p

#box1 .wrap2 p

我們會發現此時顯示的是紅色的。

第二種現象: 第乙個選擇器沒有選中內層標籤,那麼它是通過繼承來設定的屬性,那麼它的權重為0。第二個選擇器選中了內層標籤,有權重。

所以 繼承來的元素 權重為0。跟選中的元素沒有可比性。

#box1 #box2 .wrap3

#box2 .wrap3 p

我們會發現此時顯示的是綠色的。

第三種現象:如果都是繼承來的屬性,誰描述的近,顯示誰的屬性。'就近原則'

#box1 #box2 .wrap3

.wrap1 #box2

!important 的使用。

!important:設定權重為無限大 

!important 不影響繼承來的權重,只影響選中的元素。不要隨便使用!important,因為使用它會影響頁面的布局

08 層疊性權重相同處理

直接上 看效果!第一種現象 當權重相同時,以後來設定的屬性為準,前提一定要權重相同 box2 wrap3 p box1 wrap2 p 我們會發現此時顯示的是紅色的。第二種現象 第乙個選擇器沒有選中內層標籤,那麼它是通過繼承來設定的屬性,那麼它的權重為0。第二個選擇器選中了內層標籤,有權重。所以 繼...

css疊層 關於css層疊

確定應當向乙個元素應用哪些值時,使用者 不僅要考慮繼承,還要考慮宣告的特殊性,另外需要考慮宣告本身的 這個過程就稱為層疊。css權威指南 特殊性內聯樣式 1,0,0,0 id0,1,0,0 類 屬性選擇 偽類 0,0,1,0 標籤 偽元素 0,0,0,1 結合符 萬用字元 0,0,0,0 1 htm...

CSS學習(2)層疊cascade

使用了 important的使用者樣式表 使用了 important的設計者樣式表 設計者樣式表 使用者樣式表 瀏覽器 使用者預設的樣式表 樣式表中樣式規則的次序由選擇符selector的特殊性specificity確定。選擇符selector的特殊性定義如下。一般情況下,規則的特殊性遵照如下規律 ...