CSS樣式優先順序

2021-08-27 14:37:41 字數 628 閱讀 8910

對於css的優先順序樣式一般情況下:

[1位重要標誌位] > [4位特殊性標誌] > 宣告先後順序

!important > [ id > class > tag ],使用!important可以改變優先級別為最高,其他的樣式一律讓路。其次是style物件,然後是id > class >tag ,另外在同級樣式按照申明的順序最後出現的樣式具有高優先順序。不過!important奇葩的ie6是不支援的。

再來看下4位特殊性標誌 [0.0.0.0]

從左至右,每次給某乙個位置+1,前一段對後一段具有無可辯駁的壓倒性優勢。無論後一位數值有多大永遠無法超過前一位的1。

1.內聯樣式 [1.0.0.0]

a:b:還有就是js控制的內聯樣式style物件,document.getelementbyid("demo").style.color="red";

這兩者屬於同一級別,不過一般情況是js控制的內聯樣式優先順序高,這與先後順序申明有關係與本質無關,因為往往dom操作是在dom樹載入完畢之後。

2,id選擇器[0.1.0.0]

3,類,屬性,偽類 選擇器[0.0.1.0]

4,元素標籤,偽元素 選擇器[0.0.0.1]

css樣式優先順序

多重樣式將層疊為乙個 樣式表允許以多種方式規定樣式資訊。樣式可以規定在單個的 html 元素中,在 html 頁的頭元素中,或在乙個外部的 css 檔案中。甚至可以在同乙個 html 文件內部引用多個外部樣式表。層疊次序 當同乙個 html 元素被不止乙個樣式定義時,會使用哪個樣式呢?一般而言,所有...

CSS樣式優先順序

css樣式分為內聯樣式和外部樣式,一般情況下 內聯樣式的優先順序大於外部樣式。即style樣式 id選擇器 class選擇器 元素選擇器。例如 on person num li當對li標籤新增上面兩個樣式時,on樣式中重複的內容是不會生效的。因為.on樣式的優先順序值小於li,它會被li樣式覆蓋。但...

css樣式優先順序

css樣式分類 外聯樣式,內部樣式,內聯樣式,行內樣式 標籤屬性 優先順序 行內樣式 標籤屬性 外聯樣式 內部樣式 內聯樣式,這裡的高度為110px class login class imgs 選擇器 權值內聯樣式表的權值最高 1000 id 選擇器的權值 100class 類選擇器的權值 10h...