css - 通过顺序优先级覆盖媒体查询

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)

将立即解决任何问题并使您的代码更易于维护。