not|only的位置到底在哪

同学你好，关于@media  mediatype  and/not/only  (media feature) { CSS-Code }解析如下：

1、mediatype：指定设备类型

2、media feature：括号()里的规定媒体/设备特征，媒体特征的书写格式与css样式类似，都是属性名：属性值（如min-width：200px）

3、大括号{ css-code }：要设置的css样式

4、and/not/only是逻辑运算符

（1）not：用来排除某种设备。比如，排除打印设备 @media not print

（2）only：用以指定某特定媒体设备。对于支持 Media Queries 的移动设备来说，如果存在 only 关键字，移动设备的 Web 浏览器会忽略 only关键字并直接根据后面的表达式应用样式文件。对于不支持 Media Queries 的设备但能够读取 Media Type 类型的 Web浏览器，遇到 only 关键字时会忽略这个样式文件。

（3）all：适用于所有的设备类型；

（4）and：媒体查询中使用来连接多种媒体特性,一个媒体查询中可以包含0或多个表达式，表达式可以是0或多个关键字，以及一种媒体类型。如：@media screen and (max-width:800px) and (min-width:400px)

如果我的回答帮助了你，望采纳，祝学习愉快！

同学你好，not|only是放在mediatype 后面的。正确语法如下：

@media mediatype and|not|only (media feature) {CSS-Code;}

如果我的回答帮到了你，欢迎采纳，祝学习愉快~