CSS的三大特性
-
層疊性
- 相同的選擇器給設定相同的樣式，此時一個樣式就會覆寫（層疊）另一個沖突樣式，層疊性主要解決樣式沖突問題
- 層疊性原則
- 樣式沖突，遵循的原則是就近原則，哪個樣式里結構近，就執行那個樣式
- 樣式不沖突，不會層疊
-
繼承性
- CSS中的繼承性：子標簽會繼承父標簽的某些樣式，如文本顏色和字號，簡單的理解就是：子承父業
- 子元素可以繼承父元素的樣式（text-，font-，line-這些元素開頭的可以繼承，以及color屬性）
body{ font：12px/1.5 Microsoft YaHei; }- 行高可以跟單位也可以不跟單位
- 如果子元素沒有設定行高，則會繼承父元素的行高1.5
- 此時子元素的行高：當前子元素的文字大小*1.5
- body行高1.5這樣寫法最大的優勢就是里面子元素可以根據自己文字大小自動調整行高
-
優先級
-
當給同一個元素指定多個選擇器，就會有優先級的產生
-
選擇器相同，則執行層疊性
-
選擇器不同，則根據選擇器權重執行
-
選擇器 選擇器權重 繼承 或者* 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
-
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/111861.html
標籤：Html/Css