通过订单优先级覆盖媒体查询

Question

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/

Answer 1

您的样品在Chrome中每晚可以使用3种颜色吗？

然而，永远不要指望秩序优先，明确：

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

立即解决任何问题，让您的代码更易于维护。