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