直接上**,看效果!
第一種現象:當權重相同時,以後來設定的屬性為準,前提一定要權重相同
#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的特殊性定義如下。一般情況下,規則的特殊性遵照如下規律 ...