通過訂單優先級覆蓋媒體查詢

600px媒體查詢未應用。既然它有訂單優先順序，它不應該適用嗎？通過訂單優先級覆蓋媒體查詢

#mydiv {color:#FF0000;} 
@media screen and (max-width:750px){ 
    #mydiv {color:#000;} 
} 
@media screen and (max-width:600px){ 
    #mydiv {color:#33CC33;} 
} 

<div id="mydiv"> 
    testing text color with media queries 
</div>

http://jsfiddle.net/xpnGh/3/

來源

2013-05-31 4thSpace

我有同樣的問題。三所學校在那裏沒有說清楚。如果您查看了Chrome開發人員面板並進行了一些實驗，您會發現* *最新媒體查詢*執行級別適用於多個類別*的優先級。所以說你是否給了'mydiv1'一個大於750px的屬性，'mydiv2'是大於600px，並且聲明瞭一個class ='mydiv1 mydiv2'的div並且有一個1000px的屏幕，其中兩個類通過規則'mydiv2'將優先，不管順序如何（='mydiv1 mydiv2'，='mydiv2 mydiv1'）。 – powersource97

你的樣品在這裏工作正常，在Chrome與夜間3種顏色？

然而，在位次永遠算，是明確的：

@media screen and (max-width:750px) and (min-width:601px)

會解決任何問題的時候了，使你的代碼更易於維護。

來源

2013-05-31 21:49:11

通過訂單優先級覆蓋媒體查詢

回答

相關問題