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

2021-10-23 23:12:17 字數 815 閱讀 8892

乙個頁面中包含在內部的標籤,繼承了外部標籤的樣式。(官方解釋:子元素繼承了父元素的樣式。)例如可繼承的 font-* (字型系列屬性) , p ,text-*(文字系列屬性)等等。不可繼承的很多,涉及到 padding ,border , margin ,width , height 都不可繼承。記憶的建議:你就是記不可繼承,邊框,邊距,寬高等描述距離長度等都不可繼承。平時多積累,實在記不得你就試一試,這樣你就知道能不能繼承,下次再寫就記住啦 (ง •_•)ง

這裡的 p 和 span 標籤繼承了外部的div 標籤的顏色屬性。寬,高,邊距,邊框均未被繼承,屬於不可繼承的元素!

層疊性是指有多個選擇器或乙個選擇器中的多條樣式作用於同一元素,即樣式的作用範圍發生了重疊。(官方解釋)

如圖所示,標籤選擇器,id 選擇器和類選擇器,都修飾 這段文字,並且都修飾顏色這個樣式。由於 id選擇器的優先順序最高,所以這段文字顯示綠色。層疊性跟優先順序有關,最先顯示優先順序高的樣式。

注意:不同選擇器或不同樣式修飾同一元素的相同屬性,才能被稱為層疊。

!important > 行內樣式 > id選擇器 >  類選擇器 > 標籤選擇器  > 預設樣式        就是誰的優先順序高,先執行哪個樣式!

css 有權重的概念,且權重可疊加,具體可以自己去了解下。反正我也記不住,算來算去好麻煩,跟著感覺走好嘛♪(^∇^*)

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

層疊 繼承 優先順序 是我們學習css 必須掌握的三個特性。所謂層疊性是指多種css樣式的疊加。是瀏覽器處理衝突的乙個能力,如果乙個屬性通過兩個相同選擇器設定到同乙個元素上,那麼這個時候乙個屬性就會將另乙個屬性層疊掉 比如先給某個標籤指定了內部文字顏色為紅色,接著又指定了顏色為藍色,此時出現乙個標籤...

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...