为什么不是独家媒体查询应用？

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)