CSS 三大特性

2021-10-25 09:38:05 字數 825 閱讀 6794

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

層疊性:如果某個標籤樣式選擇器一樣,或者權重一樣的時候,誰是最後執行的就是誰了。

div

div123

/*此時的顏色為blue*/

繼承性:繼承性只能是字型的顏色,大小行間距等,其他邊框大小等樣式一律不能繼承

div

字型的顏色為red,繼承了父級元素div的樣式

優先順序:!important > 行內樣式 > id選擇器 > 類選擇器 > 元素 > 萬用字元 > 繼承 > 瀏覽器預設屬性

權重: !import 權重無窮大;行內樣式權重 1,0,0,0;id選擇器權重 0,1,0,0;

類選擇器權重 0,0,1,0;元素選擇器:0,0,0,1;繼承權重 0;

權重可以疊加,但是不能進製,不能往前跨進!!!! 繼承的權重為0 !!!

.log

/*權重是最大的*/

.ulul li

/*類選擇器權重為0,0,1,0 元素選擇器的權重為 0,0,0,1 疊加後為0,0,1,1*/

#ulul

/*繼承的一律為0*/

#ulul li

/*id 權重為0,1,0,0 元素權重為0,0,0,1 疊加後的權重為 0,1,0,1*/

綜合權重大小 和 最後的執行順序,所以顏色為red

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