CSS 樣式優先順序

2021-08-20 14:52:13 字數 913 閱讀 4317

在html css的學習中 當乙個標籤有多種樣式時 它該如何選擇呢 ?

我總結了一下:(可以根據以下方法按照1. 2. 3.先後順序 來判斷css 樣式的優先順序)

!important 的屬性擁有最高優先順序。

!important 用法 ( 寫於屬性分號前面,多項亦是如此 )

p

a 》 id 選擇器 (100)

b 》 類選擇器 ,屬性選擇器 ,偽類選擇器 (10)

c 》 標籤選擇器 ,偽元素選擇器 (1)

優先順序關係:內聯樣式 > id 選擇器 > 類選擇器 = 屬性選擇器 = 偽類選擇器 > 標籤選擇器 = 偽元素選擇器

* 注意 內聯樣式的優先順序最高(為1000)

選擇器的優先順序大致可以分為這三類:其中a 類的優先順序最高(為100)再者是b類(10)最後為c類(1)。計算選擇符型別a b c 的個數:分別為a、b、c 。按 a、b、c 的順序依次比較大小,大的則優先順序高,相等則比較下乙個。若最後兩個的選擇符中 a、b、c 都相等,則按照」就近原則」(如下)來判斷。

1 》最近的祖先樣式比其他祖先樣式優先順序高。(」直接樣式」比」祖先樣式」優先順序高。)

2 》對於外部樣式和內部樣式來說,樣式被應用的位置越在下面 優先順序越高

(eg:)類名為 son 的 div 其祖先樣式為兩個,顏色分別為 red,blue。根據就近原則得該div顏色為blue。

style="color: red">

style="color: blue">

class="son">div>

div>

div>

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