JQ的CSS Index是什么?CSS Index是CSS樣式表規則的優先級的計算方式。當相同選擇器作用于同一元素后,優先級就成為了判斷的標準,而CSS Index就是計算優先級的公式。
CSS Index = (a * 1000) + (b * 100) + (c * 10) + d
CSS Index的計算方式是通過權重值的計算來得出的,其中a
b
c
d
的權重值表示選擇器的優先級大小。
a
代表ID選擇器的個數b
代表Class選擇器、屬性選擇器、偽類選擇器的個數c
代表元素選擇器、偽元素選擇器的個數d
代表標簽選擇器的個數
如下所列舉,其中第一個是樣式選擇器的優先級最高的,而第四個優先級則最低。
* /* 0 0 0 0 */ li /* 0 0 0 1 */ li:first-child /* 0 0 0 2 */ #nav >li /* 0 0 1 1 */ ul li /* 0 0 1 2 */ ul ol+li /* 0 0 1 3 */ h1 + *[rel=up] /* 0 1 1 1 */ ul ol li.red /* 0 1 1 3 */ li.red.level /* 0 1 2 1 */ #footer #nav >li a /* 0 2 1 2 */
除此之外,!important也可以凌駕于所有的樣式表規則之上,但是不建議經常使用,因為它會破壞樣式層疊的自然規則而影響到維護性。
上一篇java獲得css路徑
下一篇jq css設置多樣式