選擇器的優先級
1. 內聯樣式表（style=“”）的權值最高 1000；
2. ID 選擇器的權值爲 100
3. Class 類選擇器的權值爲 10
4. HTML 標籤選擇器，僞類（:active,:first等），僞對象（:before,:after）的權值爲 1
5. 其他選擇器如通配選擇器等得優先級的權值爲0，繼承父元素的樣式的優先級也幾乎爲0
利用選擇器的權值進行計算比較，示例如下：
| <html> |
| <head> |
| <style type="text/css"> |
| #redP p { |
| /* 權值 = 100+1=101 */ |
| color:#F00; /* 紅色 */ |
| } |
| #redP .red em { |
| /* 權值 = 100+10+1=111 */ |
| color:#00F; /* 藍色 */ |
| } |
| #redP p span em { |
| /* 權值 = 100+1+1+1=103 */ |
| color:#FF0;/*黃色*/ |
| } |
| </style> |
| </head> |
| <body> |
| <div id="redP"> |
| <p class="red">red |
| <span><em>em red</em></span> |
| </p> |
| <p>red</p> |
| </div> |
| </body> |
| </html> |
結果：<em>標籤內的數據顯示爲藍色。
CSS樣式的優先級順序（從高到低）
1. ! important聲明
2. HTML中的CSS（即html中 標籤本身的屬性style）
3. 作者編輯的CSS文件
4. 用戶設置的樣式（用戶設置的瀏覽器的樣式）
5. 瀏覽器默認樣式