CSS的三大特性

CSS的三大特性

1. 層疊性

   • 相同的選擇器給設置相同的樣式，此時一個樣式就會覆蓋（層疊）另外一個衝突樣式。層疊性主要解決樣式衝突問題
   • 層疊性原則
     • 樣式衝突，遵循的原則是就近原則，哪一個樣式裏結構近，就執行那個樣式
     • 樣式不衝突，不會層疊

2. 繼承性

   • CSS中的繼承性：子標籤會繼承父標籤的某些樣式，如文本顏色和字號。簡單的理解就是：子承父業
   • 子元素能夠繼承父元素的樣式（text-，font-，line-這些元素開頭的能夠繼承，以及color屬性）

   body{
     font：12px/1.5 Microsoft YaHei; 
   }

   • 行高能夠跟單位也能夠不跟單位
   • 若是子元素沒有設置行高，則會繼承父元素的行高1.5
   • 此時子元素的行高：當前子元素的文字大小*1.5
   • body行高1.5這樣寫法最大的優點就是裏面子元素能夠根據本身文字大小自動調整行高

3. 優先級

   • 當給同一個元素指定多個選擇器，就會有優先級的產生

     • 選擇器相同，則執行層疊性

     • 選擇器不一樣，則根據選擇器權重執行

       • 選擇器	選擇器權重
         繼承 或者*	0，0，0，0
         元素選擇器	0，0，0，1
         類選擇器。僞類選擇器	0，0，1，0
         ID選擇器	0，1，0，0
         行內樣式	1，0，0，0
         ！important 重要的	無窮大

   • 優先級注意點：

     • 權重是有4組數字組成，可是不會有進位
     • 類選擇器永遠大於元素選擇器，id選擇器永遠大於類選擇器，以此類推
     • 從左到右依次比較，相同則比較下一位
     • 繼承的權重爲0

   • 權重疊加：若是是複合選擇器，則會有權重疊加，須要計算權重

     • div ul li ——>0,0,0,3
     • .nav ul li ——>0,0,1,2
     • a：hover——>0,0,1,1
     • .nav a——>0,0,1,1