css樣式優先順序 特指度

2021-10-13 23:40:16 字數 605 閱讀 1833

!important 優先順序最高

.label:hover

內聯樣式,即通過元素的style進行設定

id 選擇器, 如 #id {}

類選擇器, 如 .class {}

屬性選擇器, 如 a [href=「segmentfault.com」]{}

偽類選擇器, 如 :hover {}

偽元素選擇器, 如 ::before {}

標籤選擇器, 如 span {}

通配選擇器, 如 *{}

!important > 內聯樣式 > id 選擇器 > 類選擇器 = 屬性選擇器 = 偽類選擇器 > 標籤選擇器 = 偽元素選擇器》通配選擇器

表css樣式的重要程度

id選擇器:100

類選擇器=偽類選擇器=屬性選擇器=10

標籤選擇器=偽元素選擇器=1

div 1

.normal 10

div.normal 11

#normal 100

div#normal 101

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