CSS三大特性
繼承性:給父元素設置一些屬性,子元素也可以使用,這個我們就稱之為繼承性。
注意點:
1)并不是所有的屬性都可以繼承,只有以 color/font-/text-/line開頭的屬性才可以繼承。
2)在CSS的繼承中不僅僅是兒子可以繼承,只要是后代都可以繼承。
3)繼承性中的特殊性:a標簽的文字顏色和下劃線是不能繼承的、h標簽的文字大小時不能繼承的。
應用場景:一般用于設置網頁上的一些共性信息,例如網頁的文字顏色、字體、文字大小等內容(body{})。
層疊性:就是CSS處理沖突的一種能力。
注意點:層疊性只有在多個選擇器選中“同一個標簽”,然后又設置了“相同的屬性”才會發生層疊性。
優先級:當多個選擇器選中同一個標簽,并且給同一個標簽設置相同的屬性時,如何層疊就由優先級來確定。
優先級判斷的三種方式:
1)是否是直接選中(間接選中就是指繼承),如果是間接選中,那么就是誰離目標標簽比較近就聽誰的。
結果是blue
2)相同選擇器:如果都是直接選中,并且都是同類型的選擇器,那么就是誰寫在后面就聽誰的。
3)不同選擇器:如果都是直接選中,并且不是相同類型的選擇器,那么就會按照選擇器的優先級來層疊,id>類>標簽>通配符>繼承>瀏覽器默認。
important:用于提升某個直接選中標簽的選擇器中的某個屬性的優先級的,可以將被指定的屬性的優先級提升為最高。
注意點:
1)important只能用于直接選中(目標標簽),不能用于間接選中。
2)通配符選擇器選中的標簽也是直接選中的。
3)!important 只能提升被指定的屬性的優先級,其他的屬性的優先級不會被提升。
4)!important 必須寫在屬性值的分號前面。
5)!important 前面的感嘆號不能省略。
優先級的權重:當多個選擇器混合在一起使用時,我們可以通過計算權重來判斷誰的優先級最高。
權重的計算規則:
1)首先先計算選擇器中有多少個id,id多的選擇器優先級最高。
2)如果id的個數一樣,那么再看類名的個數,類名個數多的優先級最高。
3)如果類名的個數一樣,那么再看標簽名稱的個數,標簽名稱個數多的優先級最高。
4)如果id個數一樣,類名個數也一樣,標簽名稱個數也一樣,那么就不會繼續往下計算了,此時誰寫在后面就聽誰的,也就是說優先級如果一樣,那么誰在后面聽誰的。
5)關鍵點:只有選擇器是直接選中標簽的才需要計算權重,否則一定會聽直接選中的選擇器的。
轉載于:https://www.cnblogs.com/Shuangyi/p/11210186.html
總結
- 上一篇: 方差
- 下一篇: CSS一些有趣的东西