CSS媒体查询中，screen and 和 only screen and 有什么不同，only关键字的作用讲解

假如有如下代码

在老版本浏览器只会被翻译成 

而不会去识别后面的 and (min-width: 401px) and (max-width: 600px)，所以说只要是screen媒体类型，不管宽度多宽，后面的样式表都会被渲染。

而假如加了only关键字的话，例如如下代码

在老版本浏览器中则会被翻译成

 因为并没有什么媒体类型是"only"，所以浏览器也不会去渲染后面的样式表。