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