CSS樣式所採用的的優先順序爲：
¨ 標有！important關鍵字聲明的屬性；
¨ HTML中的CSS樣式屬性；
¨ 作者編輯的CSS文件樣式屬性；
¨ 用戶設置的樣式；
¨ 瀏覽器默認的樣式；
優先級的積分： ² 標籤選擇符、僞類以及僞對象：優先級積分爲1； ² 類選擇符、屬性選擇符：優先級積分爲10； ² ID選擇符：優先級積分爲100； ² Style屬性：優先級積分爲1000； ² 其他選擇符，如通配選擇符等：優先級積分爲0；
- <style type="text/css">
- p {color:blue;}
- p .myColor{color:black;}
- .myColor{color:yellow;}
- #myColor{color:red;}
- </style>
- <body>
- <p>你猜猜我是什麼顏色，猜對了有獎哦！</p>
- <p class="myColor">你猜猜我是什麼顏色，猜對了有獎哦！</p>
- <p class="myColor" id="myColor">你猜猜我是什麼顏色，猜對了有獎哦！</p>
- <p style="color: #0F0" class="myColor" id="myColor">你猜猜我是什麼顏色，猜對了有獎哦！</p>
- </body>
運行結果如下所示：你猜猜我是什麼顏色，猜對了有獎哦！
你猜猜我是什麼顏色，猜對了有獎哦！
你猜猜我是什麼顏色，猜對了有獎哦！
你猜猜我是什麼顏色，猜對了有獎哦！