在實際的網站建設過程中，會出現各種各樣的問題，比如近老是出現莫名其妙的現象，我說的是CSS上面的異常，反反復復的分析，百思不得其解，然后在網上也搜索了一些，后終于發現在@media screen媒體查詢里面的CSS樣式是不具有優先級的。
換一句話，如果你在@media screen and (max-width:500px)的里面設置一下字的顏色為紅色，接著在@media screen的外面設置一下字體的樣式顏色為黑色，終在手機看到的會讓你大失所望，是黑色，而不是在@media screen媒體查詢里設置的紅色，為什么會這樣呢？
因為個人覺得@media screen里面的樣式是不具有優先級的，說白了，后面的樣式會自動覆蓋前面的，基于此，我們平時要習慣于將公用代碼放前面，媒體查詢樣式放后面，這樣不管前面樣式寫了什么，后面的會自動覆蓋前面的，會得到我們在@media screen里面放置的樣式的效果。
為了更好的表達我的意思，我將代碼截個圖給大家看看：
用手機運行后的截圖如下：
大家看清楚了吧，定義的css樣式不管你在不在@media screen媒體查詢里面，反正是后面的覆蓋前面的，@media screen不具有優先級。
