css選擇器 特殊性

2021-08-21 14:05:42 字數 386 閱讀 6896

首先理解為什麼要有特殊性,元素在選擇的時候有多種選擇方法,會出現同乙個元素被多個規則選中,所以怎麼知道元素對應的哪個規則就使用到了特殊性,也就是選擇器的優先順序。

特殊性值表述有四個部分 如:0100、0001,0100比0001要大所以優先順序高。那我們來看每個選擇器對應的值

h1  /* 0 0 0 1*/

div p /* 0 0 0 2*/

#id /* 0 1 0 0*/

div #id *[href] /* 0 1 1 1*/

所以我們比較其值大小就可以知道優先順序。內聯樣式的特殊性值是  1 0 0 0,特殊性高於其他選擇器。

同時還存在乙個!important重要性宣告,這個是沒有特殊性值的但是優先順序最高。

CSS選擇器特殊性(權重)計算法則

為了計算規則的特殊性,給每個選擇器都分配乙個數字值。然後,講規則的每個選擇器的值加在一起,計算出規則的特殊性。一般情況下,如果乙個特定選擇器中的選擇器數量少於10個,可以以10 為基數計算特殊性。選擇器的特殊性分為4個等級 a b c和d,各等級特殊性逐漸降低 即a b c d 其中,根據以上規則,...

CSS的特殊性 specificity

css的特殊性是非常重要卻又經常被忽視的屬性,特別是在團隊合作下的產品迭代開發中,因為不注重css的特殊性最後導致某些 混亂不堪,這裡就把自己對css特殊性的認識做一些歸納總結.css的特殊性 specificity 也可以稱為css的優先順序或權值 對於每個樣式表規則,瀏覽器都會計算選擇器的特殊性...

CSS的特殊性 specificity

css的特殊性是非常重要卻又經常被忽視的屬性,特別是在團隊合作下的產品迭代開發中,因為不注重css的特殊性最後導致某些 混亂不堪,這裡就把自己對css特殊性的認識做一些歸納總結.css的特殊性 specificity 也可以稱為css的優先順序或權值 對於每個樣式表規則,瀏覽器都會計算選擇器的特殊性...