css三大特性

2021-08-15 15:36:44 字數 1528 閱讀 8678

當多個樣式作用於同乙個(同一類)標籤時,樣式發生了衝突,總是執行後邊的**(後邊**層疊前邊的**)。和標籤呼叫選擇器的順序沒有關係。

很明顯可以看到name2的樣式沒有被執行

繼承性發生的前提是包含(巢狀關係)

★文字顏色可以繼承

★文字大小可以繼承

★字型可以繼續

★字型粗細可以繼承

★文字風格可以繼承

★行高可以繼承

總結:文字的所有屬性都可以繼承。

◆特殊情況:

h系列不能繼承文字大小。

a標籤不能繼承文字顏色。

很明顯可以看出:

p標籤屬性都繼承了

h系列不能繼承文字大小,而可以繼承的寬高不夠文字一行展示,於是自動換行了

a標籤在不寫href屬性時還是會繼承字型顏色,但是加上後就不再繼承

先來看幾種比較

第一種比較:都只有乙個選擇器的時候

第二種比較:  有多個選擇器的時候

第三種比較:多選擇器選中之間的比較

這就可以看出id選擇器+id選擇器最厲害了,

再來看看boss級別的!!important 

加上了它以後,最弱的標籤選擇器就最強大了

預設樣式 < 標籤選擇器< 類選擇器 < id選擇器 < 行內樣式 < !important 

有乙個權重的概念用來解決哪個優先的問題

他是這樣比較的:

先從id選擇器開始比,id選擇器的數目相等就比較類選擇器,如果還是相等,再比較標籤選擇器,

值得注意的是,比較一層層比,那一層比較少,那麼後面都不用比較了,來看看下面的例子

a.#q #w #e .q .e

b.#q #w #e .q .e .r

c.#q .q .w .e. r. t. y .u .i(假設此處有10個標籤)

id選擇器a有三個,b有三個,c只有乙個,所以c淘汰,ab繼續比較,類選擇器a兩個,b有三個,所以a淘汰

無論c中類選擇器有多少個,但是它一開始就輸了,根本無法參與後面的比較

優先順序特點

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