1. 程式人生 > >CSS 優先級法則

CSS 優先級法則

ext intern multi 式表 msu 情況 出現 作者 繼承

樣式的優先級

多重樣式(Multiple Styles):如果外部樣式、內部樣式和內聯樣式同時應用於同一個元素,就是使多重樣式的情況。

一般情況下,優先級如下:

(外部樣式)External style sheet <(內部樣式)Internal style sheet <(內聯樣式)Inline style

1. 內聯樣式表的權值最高 1000;

2. ID 選擇器的權值為 100

3. Class 類選擇器的權值為 10

4. HTML 標簽選擇器的權值為 1

CSS 優先級法則:

A 選擇器都有一個權值,權值越大越優先;

B 當權值相等時,後出現的樣式表設置要優於先出現的樣式表設置;

C 創作者的規則高於瀏覽者:即網頁編寫者設置的CSS 樣式的優先權高於瀏覽器所設置的樣式;

D 繼承的CSS 樣式不如後來指定的CSS 樣式;

E 在同一組屬性設置中標有!important”規則的優先級最大;示例如下:

CSS 優先級法則