css - 为什么不应用独占媒体查询？

Question

有谁知道为什么第二个媒体查询（401 到 750）不适用？

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

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

http://jsfiddle.net/xpnGh/2/

Answer 1

和描述符需要在它们自己的一组括号中，它们的min-width外部类似于将它放在和第一个描述符之间时，如下所示：max-widthandscreen

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