在css中禁用@media

Question

我有一些CSS类，在其中一个类中，我们跟踪大小窗口的最大宽度，如果小于100则更改样式。

@media all and (max-width: 100px) { 
   some code...
}

因此，当窗口宽度小于100时，我需要阻止更改样式。换句话说，我如何重载当前@media并禁用它，只能通过CSS方式（不是javascript，jQuery）？

Answer 1

您可以向body添加一个类（例如.no-media）并为此类添加样式：

@media all and (max-width: 100) {
  .no-media p {
    color: red;
  }
}

您还可以使用!important强制执行一些CSS规则：

p {
  color: red !important;
}