是否可以使用非媒体说明符进行媒体查询？

Question

我发誓我有这个工作，但事实并非如此。这样的事情可能吗？ 我不想在body:not(.phone)

前面添加100个样式的前缀

谢谢。

@media only screen and (max-width: 768px) and (body:not(.phone)) {

}

Answer 1

NO。那不是@media查询怎么办。你必须使用如下：

@media only screen and (max-width: 768px) {/*css rules not applicable before curly brace*/
   body:not(.phone){/*css rules must be within curly braces*/
      color: #f00;
   }
}

所以，你对@media查询的意思是不可能的。