CSS三大特性
1、繼承性
CSS_特性繼承和層疊 - Bublly - 博客園 (cnblogs.com)
2、層疊性
CSS_特性繼承和層疊 - Bublly - 博客園 (cnblogs.com)
3、優先級
3.1基本
1特性:
不同選擇器具有不同的優先級,優先級高的選擇器樣式會覆寫優先級低選擇器樣式
2優先級公式:
繼承<通配符選擇器<標簽選擇器<類選擇器<id選擇器<行內樣式<!important
3注意點:
1、!important寫在屬性值的后面,分號的前面!
2、!important不能提升繼承的優先級,只要是繼承優先級最低!
3.、實際開發中不建議使用!important,
div{
color:green !important;
}
3、2權重疊加計算
場景:如果是復合選擇器,此時需要通過權重疊加計算方法,判斷最終哪個選擇器優先級最高會生效
權重疊加計算公式:(每一級之間不存在進位)

比較規則:
1、先比較第一級數字,如果比較出來了,之后的統統不看
2、如果第一級數字相同,此時再去比較第二級數字,如果比較出來了,之后的統統不看
3、如果最終所有數字都相同,表示優先級相同,則比較層疊性(誰寫在下面,誰說了算!)
注意點:!important如果不是繼承,則權重最高,天下第一!
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/554873.html
標籤:其他
上一篇:CSS_特性繼承和層疊
下一篇:返回列表
