CSS的三大(dà)特性-層疊性/繼承/優先級
時間:2020-09-02 作者:管理員(yuán) 點擊:773
1. 層疊性
概念:相同選擇器給設置相同的樣式,此時一(yī)個樣式就會覆蓋(層疊)另一(yī)個沖突的樣式。層疊性主要解決樣式沖突的問題
層疊性原則:
樣式沖突:遵循的原則是就近原則,哪個樣式離(lí)結構近,就執行哪個樣式
樣式不沖突,不會重疊
2. 繼承性
概念:子标簽會繼承父标簽的某些樣式,如文本顔色和字号,簡單理解就是子承父業
特點:
子元素可以繼承父元素的樣式(text-、font-、line-這些元素開(kāi)頭可以繼承,以及color屬性)
恰當地使用繼承可以簡化代碼,降低CSS樣式的複雜(zá)性
行高的繼承性:
body{font:12px/1.5 'Microsoft YaHei'}
特點:
行高可以跟單位也可以不跟單位
如果子元素沒有設置行高,則會繼承父元素的行高爲1.5
如果子元素已經設置行高,則當前子元素的行高爲當前元素的文字大(dà)小(xiǎo) * 1.5
body行高1.5 這樣寫法最大(dà)的優勢就是裏面子元素可以根據自己文字大(dà)小(xiǎo)自動調整行高
3. 優先級
概念:當一(yī)個元素指定多個選擇器,就會有優先級的産生(shēng)
特點:
選擇器相同,則執行層疊性
選擇器不同,則根據選擇器權重執行
選擇器權重:
特點:
繼承的權重爲0,如果該元素沒有直接選中(zhōng),不管父元素權重多高,子元素得到的權重都是0
權重疊加:如果是複合選擇器,則會有權重疊加,需要計算權重。權重雖然會疊加,但永遠不會有進位