# CSS三大特性 ## 1、繼承性 [CSS_特性繼承和層疊 - Bublly - 博客園 (cnblogs.com)](https://www.cnblogs.com/ZWeva/p/17471809.html) ## 2、層疊性 [CSS_特性繼承和層疊 - Bublly - 博客園 (cnb ...
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如果不是繼承,則權重最高,天下第一!