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

2022-08-17 08:09:12 字數 695 閱讀 5733

css三大特性

層疊性:

如果乙個屬性通過兩個相同選擇器設定到同乙個元素上,相同的屬性就會出現衝突,那麼這個時候乙個

屬性就會將另乙個屬性層疊掉,採用的是就近原則

繼承性:

子標籤會繼承父標籤的某些樣式 一般以font­,line­,color,text­,list­,都能繼承 

備註 : a標籤不能繼承字型顏色,h標籤不能繼承字型的大小

優先順序 :

id 權重 0 1 0 0 

class/偽類 權重 : 0 0 1 0 

型別選擇器 權重 : 0 0 0 1 

統配符選擇器權重 : 0 0 0 0

行內樣式 權重 : 1 0 0 0

復合選擇器權重 :

組成單個選擇器的權重之和

注意 : 群組選擇器權重是 各自的權重

!important可以進行提權 ,放在屬性值的後面,比行內樣式

的權重還高 (一般不使用)

權重的相同時,css 遵循就近原則。

注意:當使用復合選擇器時,低階的選擇器權重加起來大於高階選擇器時,頁面執行的任然是高階選擇器

例:  比如型別選擇器p  當有11個p復合時,類選擇器 為0 0 1 0,這時復合選擇器的權重為 0 0 0 11,並不會大於類選擇器。

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

首先宣告一下css三大特性 繼承 優先順序和層疊。繼承即子類元素繼承父類的樣式,比如font size,font weight等f開頭的css樣式以及text align,text indent等t開頭的樣式以及我們常用的color。簡單的就不演示了,強調一下font size這個東東 雖然也有繼承...

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

css中有些屬性是可繼承的,何為屬性的繼承?那麼哪些樣式可以繼承哪些樣式不能繼承,具體屬性是否能繼承,可以查閱w3c官網或者mdn。不能繼承的屬性可以使用inherit屬性值強制繼承。注意 css屬性繼承的是計算值,並不是編寫屬性時的指定值 也就是字面值 css全稱 cascading style ...

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

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