來瞧瞧CSS的三大特性

2021-10-08 02:39:34 字數 1189 閱讀 3881

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

層疊性原則:

/*golden顏色離結構近,因此會覆蓋掉purple顏色*/

/*因為第二個樣式中沒有對字型大小進行設定,因此不會覆蓋第乙個樣式中字型屬性*/

紫金王朝

子標籤會繼承父標籤中的某些樣式。

紫金王朝

科比

/* 16*1.5 */

喬丹/* 12*1.5 */

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

選擇器權重繼承或*(萬用字元)

0,0,0,0

元素選擇器

0,0,0,1

類選擇器、偽類選擇器

0,0,1,0

id選擇器

0,1,0,0

行內樣式

1,0,0,0

!important

無窮大

"test" id="demo" style="color: purple">紫金王朝

優先順序注意點:

權重是由4組數字組成的,不會有進製。

權重高的選擇器永遠大於權重低的選擇器。

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

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

"father">

紫金王朝

金色屬性的權重是無窮大,紫色屬性的權重是(0,0,0,1),但是顯示結果是紫色。 因為的繼承權重是0,所有要看標籤到底執行哪個,就先看這個標籤有沒有直接被選出來。

"#">科比

在瀏覽器中,a鏈結被預設指定了乙個樣式(藍色,下劃線)。如果對body指定樣式並不會影響a鏈結的樣式,因為繼承的權重位0。因此如果想要修改a鏈結的樣式,必須單獨對a鏈結進行指定。

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

/*權重疊加問題,誰的權重大顯示誰,但疊加永遠不會產生進製*/

執行紫色

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那裡繼承而來。但是並不是所有的...