css三大特性 層疊 繼承 優先

2022-09-03 02:12:10 字數 887 閱讀 3710

一、三大特性

1、層疊性:設定相同屬性時,後面的覆蓋前面的 

2、繼承性:後代自動繼承祖先元素的樣式。

3、優先順序:id>類》標籤》通配》繼承》瀏覽器預設

二、什麼時候需要判斷優先順序

1)間接選中(繼承),繼承最近的祖先元素的該屬性,如果所有的祖先元素都沒有設定,繼承瀏覽器預設值

2)直接選擇,並且是同型別選擇器,後面的覆蓋前面的

3)直接選中,但是又多種型別的選擇器,利用權重計算方法

【權重計算規則】:

◇ 行內樣式1000;

◇ id100;

◇ class/屬性/偽類10

◇ 標籤/偽元素1

◇萬用字元0

【比較規則】先比較id個數 → 

個數相同,比較class個數  →

個數相同,比較標籤個數 → 

標籤個數相同,哪個在後面就顯示哪個

樣式最後有!important,元素會獲得最高的優先順序。實際開發中盡量避免使用。

css三大特性 層疊 繼承 優先

1 層疊性 設定相同屬性時,後面的覆蓋前面的 2 繼承性 後代自動繼承祖先元素的樣式。3 優先順序 id 類 標籤 通配 繼承 瀏覽器預設 判斷規則 1 間接選中 繼承 就近原則 2 直接選擇,並且是同型別選擇器,後面的覆蓋前面的 3 直接選中,但是又多種型別的選擇器,利用權重計算方法 權重計算規則...

CSS三大特性(繼承 優先順序 層疊)

首先宣告一下css三大特性 繼承 優先順序和層疊。繼承即子類元素繼承父類的樣式,比如font size,font weight等f開頭的css樣式以及text align,text indent等t開頭的樣式以及我們常用的color。簡單的就不演示了,強調一下font size這個東東 雖然也有繼承...

CSS 三大特性 層疊 繼承 優先順序

css三大特性 層疊性 如果乙個屬性通過兩個相同選擇器設定到同乙個元素上,相同的屬性就會出現衝突,那麼這個時候乙個 屬性就會將另乙個屬性層疊掉,採用的是就近原則 繼承性 子標籤會繼承父標籤的某些樣式 一般以font line color,text list 都能繼承 備註 a標籤不能繼承字型顏色,h...