CSS選擇器的優先順序是怎樣的?

2021-10-04 05:08:14 字數 407 閱讀 7803

css選擇器的優先順序是:內聯 > id選擇器 > 類選擇器 > 標籤選擇器

到具體的計算層面,優先順序是由 a 、b、c、d 的值來決定的,其中它們的值計算規則如下:

就比如下面的選擇器,它不存在內聯樣式,所以a=0,不存在id選擇器b=0,存在乙個類選擇器c=1,存在三個標籤選擇器d=3,那麼最終計算結果為:

ul ol li .red
按照這個結算方式,下面的計算結果為:

#red
我們的比較優先順序的方式是從a到d去比較值的大小,a、b、c、d權重從左到右,依次減小。判斷優先順序時,從左到右,一一比較,直到比較出最大值,即可停止。

比如第二個例子的b與第乙個例子的b相比,1>0,接下來就不需要比較了,第二個選擇器的優先順序更高。

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

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

CSS 選擇器的優先順序

css 樣式選擇器分為 4 個等級,a b c d 可以以這四種等級為依據確定 css 選擇器的優先順序。a 為行內樣式 即通過 style 定義 b 為 id 選擇器的數量 c 為 class 類選擇器的數量。d 為型別選擇器 即為標籤 的數量 選擇器特殊性 a,b,c,d 優先順序style 1...

css選擇器的優先順序

以前寫過一篇如何個元素應用規則,現在看來寫的好爛,所以再寫一篇當作補充吧.css選擇器的優先順序規定了文件採用哪一種樣式.選擇器的等級主要有以下四個等級 依次遞減 行內樣式 style宣告 id選擇器 類,偽類,屬性選擇器 元素選擇器,偽元素選擇器 當同乙個元素有多個css規則時,對照著上面的四個等...