为什么不是独家媒体查询申请？

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-width描述符需要在他们自己的括号中，and在它们之外，类似于将它放在screen和第一个之间描述符，如：

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