CSS 三大特性(層疊性 繼承性 優先順序)

2021-09-24 04:53:40 字數 1034 閱讀 7000

層疊 繼承 優先順序 是我們學習css 必須掌握的三個特性。

所謂層疊性是指多種css樣式的疊加。

是瀏覽器處理衝突的乙個能力,如果乙個屬性通過兩個相同選擇器設定到同乙個元素上,那麼這個時候乙個屬性就會將另乙個屬性層疊掉

比如先給某個標籤指定了內部文字顏色為紅色,接著又指定了顏色為藍色,此時出現乙個標籤指定了相同樣式不同值的情況,這就是樣式衝突。 就近原則

一般情況下,如果出現樣式衝突,則會按照css書寫的順序,以最後的樣式為準。

樣式衝突,遵循的原則是就近原則。 那個樣式離著結構近,就執行那個樣式。

樣式不衝突,不會層疊

css最後的執行口訣:  長江後浪推前浪,前浪死在沙灘上。
所謂繼承性是指書寫css樣式表時,子標籤會繼承父標籤的某些樣式,如文字顏色和字型大小。想要設定乙個可繼承的屬性,只需將它應用于父元素即可。

簡單的理解就是: 子承父業。

css最後的執行口訣:  龍生龍,鳳生鳳,老鼠生的孩子會打洞。
注意:

恰當地使用繼承可以簡化**,降低css樣式的複雜性。子元素可以繼承父元素的樣式(text-,font-,line-這些元素開頭的都可以繼承,以及color屬性)
定義css樣式時,經常出現兩個或更多規則應用在同一元素上,這時就會出現優先順序的問題。

在考慮權重時,初學者還需要注意一些特殊的情況,具體如下:

繼承樣式的權重為0。即在巢狀結構中,不管父元素樣式的權重多大,被子元素繼承時,他的權重都為0,也就是說子元素定義的樣式會覆蓋繼承來的樣式。

行內樣式優先。應用style屬性的元素,其行內樣式的權重非常高,可以理解為遠大於100。總之,他擁有比上面提高的選擇器都大的優先順序。

權重相同時,css遵循就近原則。也就是說靠近元素的樣式具有最大的優先順序,或者說排在最後的樣式優先順序最大。

css定義了乙個!important命令,該命令被賦予最大的優先順序。也就是說不管權重如何以及樣式位置的遠近,!important都具有最大優先順序。

CSS 三大特性 繼承性,層疊性,優先性

乙個頁面中包含在內部的標籤,繼承了外部標籤的樣式。官方解釋 子元素繼承了父元素的樣式。例如可繼承的 font 字型系列屬性 p text 文字系列屬性 等等。不可繼承的很多,涉及到 padding border margin width height 都不可繼承。記憶的建議 你就是記不可繼承,邊框,...

css三大特性(繼承性 層疊性 優先順序)

1.什麼是繼承性?繼承性就是給父元素設定的屬性子元素也能用。2.注意點 1.什麼是層疊性?層疊性就是前邊的屬性會被後年的給覆蓋掉。2.注意點 層疊性只有在多和選擇器選中乙個標籤時才會發生。1.什麼是優先順序?當多個選擇器選中同乙個標籤時,並且給同乙個標籤設定相同的屬性時,如何層疊就由優先順序來決定。...

css三大特性(層疊性,繼承性,優先順序)

1 層疊性 divdiv style head andy div 結果是 andy 30px,粉色 2 繼承性 divstyle head andyp div body 3 優先順序 重點 div.one style head class one andydiv body 1 權重計算公式 關於cs...