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

2021-10-11 20:46:39 字數 749 閱讀 5724

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). 權重疊加

我們經常用交集選擇器,後代選擇器等,是有多個基礎選擇器組合而成,那麼此時,就會出現權重疊加。

就是乙個簡單的加法計算

注意:3). 繼承的權重是0

這個不難,但是忽略很容易繞暈。其實,我們修改樣式,一定要看該標籤有沒有被選中。

1) 如果選中了,那麼以上面的公式來計權重。誰大聽誰的。

2) 如果沒有選中,那麼權重是0,因為繼承的權重為0.

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

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

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

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

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

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