1. 程式人生 > >CSS/優先級

CSS/優先級

優先級 屬性 css class 特殊性 沖突 port 優先權 ecif

css的優先級

所謂CSS優先級,即是指CSS樣式在瀏覽器中被解析的先後順序。

樣式表中的特殊性描述了不同規則的相對權重,它的基本規則是:

1 內聯樣式表的權值最高 style=""------------1000;

2 統計選擇符中的ID屬性個數。 #id --------------100

3 統計選擇符中的CLASS屬性個數。 .class -------------10

4 統計選擇符中的HTML標簽名個數。 p ---------------1

按這些規則將數字符串逐位相加,就得到最終的權重,然後在比較取舍時按照從左到右的順序逐位比較。

1、文內的樣式優先級為1,0,0,0,所以始終高於外部定義。

2、有!important聲明的規則高於一切。

3、如果!important聲明沖突,則比較優先權。

4、如果優先權一樣,則按照在源碼中出現的順序決定,後來者居上。

5、由繼承而得到的樣式沒有specificity的計算,它低於一切其它規則(比如全局選擇符*定義的規則)。

CSS/優先級