CSS三大特性
「1. CSS 層疊性」
概念:所謂層疊性是指多種CSS樣式的疊加
是瀏覽器處理沖突的一個能力,如果一個屬性通過兩個相同選擇器設(shè)置到同一個元素上煮甥,那么這個時候一個屬性就會將另一個屬性層疊掉
原則:樣式?jīng)_突茅姜,遵循的原則是就近原則掘而。 那個樣式離著結(jié)構(gòu)近始赎,就執(zhí)行那個樣式鄙早。
樣式不沖突昧穿,不會層疊凡壤。
「2. CSS 繼承性」
概念:
? ? ? 子標簽會繼承父標簽的某些樣式署尤,如文本顏色和字號。
? ? ? 想要設(shè)置一個可繼承的屬性亚侠,只需將它應(yīng)用于父元素即可曹体。
注意:
? ? ? ? 恰當?shù)厥褂美^承可以簡化代碼,降低CSS樣式的復雜性硝烂。比如有很多子級孩子都需要某個樣式箕别,可以給父級指定一個,這些孩子繼承過來就好了滞谢。
? ? ? ? 子元素可以繼承父元素的樣式(text-串稀,font-,line-這些元素開頭的可以繼承狮杨,以及color屬性)
「3. CSS 優(yōu)先級(CSS特殊性)」
概念:定義CSS樣式時母截,經(jīng)常出現(xiàn)兩個或更多規(guī)則應(yīng)用在同一元素上,此時橄教,
選擇器相同清寇,則執(zhí)行層疊性
選擇器不同,就會出現(xiàn)優(yōu)先級的問題护蝶。
-權(quán)重計算公式:
繼承的權(quán)重是0:我們修改樣式华烟,一定要看該標簽有沒有被選中
? ? ? ? 如果選中了,那么以上面的公式來計權(quán)重持灰。誰大聽誰的盔夜。
? ? ? ? 如果沒有選中,那么權(quán)重是0,因為繼承的權(quán)重為0.