CSS選擇器的優先順序

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

如果到具體的計算層面，那麼優先順序是由 的指來決定的，它的計算規則如下：

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

div p span .red

同上的計算方法，下面的選擇器計算的值為

#red

按照從左向右的方式去比較值得大小。a, b, c, d 的權重從左向右依次減小。依次相比，知道比較最大的值，即可停止。

所以第二個選擇器的權重更高

選擇器優先順序 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，始終高於外...