CSS基礎 CSS 三大特性 學習筆記

2021-10-10 17:02:39 字數 854 閱讀 4177

css層疊性最後的執行口訣:  長江後浪推前浪,前浪死在沙灘上。

簡單的理解就是: 子承父業。

css繼承性口訣:  龍生龍,鳳生鳳,老鼠生的孩子會打洞。

1). 權重計算公式

關於css權重,我們需要一套計算公式來去計算,這個就是 css specificity(特殊性)

標籤選擇器

計算權重公式

繼承或者 *

0,0,0,0

每個元素(標籤選擇器)

0,0,0,1

每個類,偽類

0,0,1,0

每個id

0,1,0,0

每個行內樣式 style=""

1,0,0,0

每個!important 重要的

∞ 無窮大

2). 權重疊加

我們經常用交集選擇器,後代選擇器等,是有多個基礎選擇器組合而成,那麼此時,就會出現權重疊加。

就是乙個簡單的加法計算

注意:3). 繼承的權重是0

這個不難,但是忽略很容易繞暈。其實,我們修改樣式,一定要看該標籤有沒有被選中。

1) 如果選中了,那麼以上面的公式來計權重。誰大聽誰的。

2) 如果沒有選中,那麼權重是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那裡繼承而來。但是並不是所有的...