CSS 選擇器的優先順序

2021-07-06 08:09:08 字數 677 閱讀 7922

css 樣式選擇器分為 4 個等級,a、b、c、d 可以以這四種等級為依據確定 css 選擇器的優先順序。

a 為行內樣式(即通過 style=」」 定義)

b 為 id 選擇器的數量

c 為 class 類選擇器的數量。

d 為型別選擇器(即為標籤)的數量

選擇器特殊性(a,b,c,d)

優先順序style=」」

1,0,0,0

1000

0,2,0,0

200#content .dateposted {}

0,1,1,0

110div#content {}

0,1,0,1

101#content p {}

0,1,0,1

101#content {}

0,1,0,0

100p.comment .dateposted {}

0,0,2,1

21div.comment p {}

0,0,1,2

12.comment p {}

0,0,1,1

11p.comment {}

0,0,1,1

11.comment {}

0,0,1,0

10div p {}

0,0,0,2

2p {}

0,0,0,11

選擇器優先順序 CSS選擇器優先順序總結

css選擇器優先順序這個問題,相信有點經驗前端都會認為非常簡單,但是我們今天還是來總結一下吧。相信大家應該很少直接在html頁面寫樣式吧,一般都是用link標籤匯入css樣式表。使用者自定義樣式表就是我們用link標籤引入的css樣式表,為了保持不同瀏覽器下樣式相同,所以我們的自定義樣式表一般都會覆...

CSS 選擇器優先順序

css優先順序包含四個級別 文內選擇器,id選擇器,class選擇器,元素選擇器 以及各級別出現的次數。根據這四個級別出現的次數計算得到css的優先順序。css優先順序的計算規則如下 頁面中直接設定style,加1,0,0,0 每個id選擇器 如 id 加0,1,0,0 每個class選擇器 如 c...

css選擇器優先順序

css優先順序即css樣式在瀏覽器中被解析出來的先後順序。css優先順序包含四個級別 行內樣式,id選擇符,class類選擇符,元素選擇符 以及各級別出現的次數。繼承是css的乙個主要特徵,然後繼承的權重很低,比普通元素還要低。1.行內樣式 類似css 的樣式 的優先順序為1,0,0,0,始終高於外...