css三大特性 層疊 繼承 優先

2021-09-27 14:17:51 字數 403 閱讀 3468

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

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

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

判斷規則:

1)間接選中(繼承),就近原則

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

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

權重計算規則:

行內樣式1000;id100;class/屬性/偽類10 標籤/偽元素1 萬用字元0

*先比較id個數

*個數相同,比較class個數

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

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

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

css三大特性 層疊 繼承 優先

一 三大特性 1 層疊性 設定相同屬性時,後面的覆蓋前面的 2 繼承性 後代自動繼承祖先元素的樣式。3 優先順序 id 類 標籤 通配 繼承 瀏覽器預設 二 什麼時候需要判斷優先順序 1 間接選中 繼承 繼承最近的祖先元素的該屬性,如果所有的祖先元素都沒有設定,繼承瀏覽器預設值 2 直接選擇,並且是...

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...