CSS的三大特性

2022-06-18 14:54:14 字數 1076 閱讀 7037

css有三個非常重要的特性:層疊性、繼承性、優先順序

一、層疊性

相同選擇器給設定相同的樣式,此時乙個樣式就會覆蓋(層疊)另乙個衝突的樣式。層疊性主要解決樣式衝突的問題

層疊性原則:

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

樣式不衝突,不會層疊。

二、繼承性

css中的繼承:子標籤會繼承父標籤的某些樣式,如文字顏色和字型大小。簡單的理解就是:子承父業。

1、恰當的使用繼承可以簡化**,降低css樣式的複雜性

2、子元素可以繼承父元素的樣式(text- , font-, line-這些元素開頭的可以繼承,以及color屬性)。跟文字相關的樣式

行高的繼承性

行高可以跟單位也可以不跟單位

如果子元素沒有設定行高,則會繼承父元素的行高為1.5。

此時,子元素的行高是:當前子元素的文字大小*1.5

三、優先順序

當同乙個元素指定多個選擇器,就會有優先順序的產生

選擇器相同,則執行層疊行

選擇器不同,則根據選擇器權重執行

選擇器          選擇器權重

繼承或者*          0.0.0.0.

元素選擇器          0..0.0.1

類選擇器、偽類選擇器       0.0.1.0

id選擇器          0.1.0.0

行內樣式style=""        1.0.0.0

!important 重要的       無窮大

優先順序注意點:

1、權重是由四組數字組成,但是不會有進製

2、可以理解為類選擇器永遠大於元素選擇器,id選擇器永遠大於類選擇器,以此類推。

3、等級判斷從左向右,如果某一位數值相同,則判斷下一位數值。

4、可以簡單記憶法:萬用字元和繼承權重為0,標籤選擇器為1,類(偽類)選擇器為10,id選擇器100,行內樣式表為1000,!important無窮大

5、繼承的權重為0,如果該元素沒有直接選中,不管父元素權重多高,子元素得到的權重都是0.

權重疊加:

如果是復合選擇器,則會有權重疊加,需要計算權重,不會有進製。

CSS三大特性

css三大特性 1.繼承性 作用 子元素可以繼承父元素的樣式 text font line 這些元素開頭的都可以繼承,以及color屬性 特殊性 1 a標籤的字型顏色不能繼承,必須對a標籤自定義字型顏色才能修改 2 h1 h6標籤的字型大小不能繼承,必須對標籤自身修改字型大小才有效。我是div1中的...

CSS三大特性

樣式具有繼承性,一般有關text line font 都能夠繼承。a標籤的顏色不能繼承 繼承title type text css div1 字型和顏色被繼承偽類但是邊框沒有 style head id div1 這是div1中的內容 id div22 這是div2中的內容 div div body...

CSS三大特性

1.繼承 子代可以直接使用父代的某些樣式 特徵 當然有些可以繼承,有些不能繼承。例 介是div1的內容 介是div1的後代div2中的內容 結果為 div2同樣繼承了div1的樣式。div2雖然沒有設定這樣的樣式,但是實際上卻使用了該樣式。說明它的樣式從它的父代div1那裡繼承而來。但是並不是所有的...