1). 權重計算公式
關於css權重,我們需要一套計算公式來去計算,這個就是 css specificity(特殊性)
標籤選擇器
計算權重公式
繼承或者 *
0,0,0,0
每個元素(標籤選擇器),偽元素
0,0,0,1
每個類,偽類,屬性選擇器
0,0,1,0
每個id
0,1,0,0
每個行內樣式 style=""
1,0,0,0
每個!important 重要的
∞ 無窮大
2). 權重疊加
我們經常用交集選擇器,後代選擇器等,是有多個基礎選擇器組合而成,那麼此時,就會出現權重疊加。
就是乙個簡單的加法計算
注意:3). 繼承的權重是0
這個不難,但是忽略很容易繞暈。其實,我們修改樣式,一定要看該標籤有沒有被選中。
1) 如果選中了,那麼以上面的公式來計權重。誰大聽誰的。
2) 如果沒有選中,那麼權重是0,因為繼承的權重為0.
CSS 三大特性 繼承性,層疊性,優先性
乙個頁面中包含在內部的標籤,繼承了外部標籤的樣式。官方解釋 子元素繼承了父元素的樣式。例如可繼承的 font 字型系列屬性 p text 文字系列屬性 等等。不可繼承的很多,涉及到 padding border margin width height 都不可繼承。記憶的建議 你就是記不可繼承,邊框,...
CSS 三大特性(層疊性 繼承性 優先順序)
層疊 繼承 優先順序 是我們學習css 必須掌握的三個特性。所謂層疊性是指多種css樣式的疊加。是瀏覽器處理衝突的乙個能力,如果乙個屬性通過兩個相同選擇器設定到同乙個元素上,那麼這個時候乙個屬性就會將另乙個屬性層疊掉 比如先給某個標籤指定了內部文字顏色為紅色,接著又指定了顏色為藍色,此時出現乙個標籤...
css三大特性(繼承性 層疊性 優先順序)
1.什麼是繼承性?繼承性就是給父元素設定的屬性子元素也能用。2.注意點 1.什麼是層疊性?層疊性就是前邊的屬性會被後年的給覆蓋掉。2.注意點 層疊性只有在多和選擇器選中乙個標籤時才會發生。1.什麼是優先順序?當多個選擇器選中同乙個標籤時,並且給同乙個標籤設定相同的屬性時,如何層疊就由優先順序來決定。...