css優先機制

樣式的優先級

（外部樣式）External style sheet <（內部樣式）Internal style sheet <（內聯樣式）Inline style

（內部樣式就是css寫在html頁面的<style>標籤中）
（內聯樣式就是css直接寫在html標籤的style屬性中）

選擇器的優先權

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

2. ID 選擇器的權值爲 100

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

4. HTML 標籤選擇器的權值爲 1

CSS 優先級法則

A 選擇器都有一個權值，權值越大越優先；

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

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

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

E 在同一組屬性設置中標有「!important」規則的優先級最大

F 同一個css文件中，對同一個選擇器同一個優先級的內容，寫得排在後面的內容會覆蓋前面的內容。好比：.abc{margin:10px;}.abc{margin:20px;}，最終的到的class爲abc的內容的margin值是20px。這個緣由是css文件的運行方式，是從前日後開始解讀運行的。