css樣式優先順序

2021-05-04 19:53:52 字數 551 閱讀 2145

多重樣式將層疊為乙個

樣式表允許以多種方式規定樣式資訊。樣式可以規定在單個的 html 元素中,在 html 頁的頭元素中,或在乙個外部的 css 檔案中。甚至可以在同乙個 html 文件內部引用多個外部樣式表。

層疊次序

當同乙個 html 元素被不止乙個樣式定義時,會使用哪個樣式呢?

一般而言,所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中,其中數字 4 擁有最高的優先權。

瀏覽器預設設定

外部樣式表

內部樣式表(位於 標籤內部)

內聯樣式(在 html 元素內部)

#id.class

style=""

因此,內聯樣式(在 html 元素內部)擁有最高的優先權,這意味著它將優先於以下的樣式宣告:

標籤中的樣式宣告,外部樣式表中的樣式宣告,或者瀏覽器中的樣式宣告(預設值)。

link

style tag

#id.class

html tag

style attribute

html tag attribute

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

CSS 樣式優先順序

在html css的學習中 當乙個標籤有多種樣式時 它該如何選擇呢 我總結了一下 可以根據以下方法按照1.2.3.先後順序 來判斷css 樣式的優先順序 important 的屬性擁有最高優先順序。important 用法 寫於屬性分號前面,多項亦是如此 p a id 選擇器 100 b 類選擇器 ...