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

2021-10-09 18:32:53 字數 828 閱讀 3440

1、層疊性

>

divdiv

style

>

head

>

>

>

andy

div>

結果是:andy(30px,粉色)

2、繼承性
>

divstyle

>

head

>

>

>

>

andyp

>

div>

body

>

3、優先順序(重點)
>

div.one

style

>

head

>

>

class

="one"

>

andydiv

>

body

>

1)權重計算公式

關於css權重,需要公式來計算,就是css specificity(特殊性)

標籤選擇器

計算權重公式

繼承或者*

0,0,0,0

每個元素(標籤選擇器)

0,0,0,1

每個類,偽類

0,0,1,0

每個id

0,1,0,0

每個行內樣式style=""

1,0,0,0

每個!important 重要的

無窮大2)權重疊加

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

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

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

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

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

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