css - 如何覆盖媒体查询中的所有类？

我正在构建自定义的.css，但我不知道如何使用"nothing"覆盖媒体查询中的一堆类。就是说，我不想在输出中使用它，但是我也不想从css中删除​​它，因为它需要保持原始状态。我也不想复制整个类并将"none"或"unset"写在每个属性后面。有什么解决办法吗？非常感谢。

/*original.css*/
@media only screen and (max-device-width: 720px) {
    ol.accord li {
        width: 100%;
    }

    .content {
        height: 149px;
        width: 50%;
    }

    ol.accord li h3 {
        height: 30px;
        width: 100%;
        margin: 0;
        border-right: none;
        border-bottom: 1px solid #fff;
        padding: 7px 10px;
    }
}

/*custom.css*/
/*here should be nothing like it wouldn´t even exist in the original*/

最佳答案

您可以在圆括号内的媒体查询中编写尽可能多的类。
这是一个例子

只需定义以上类并根据您的要求按屏幕尺寸进行更改即可。

.custom_class1 {
  height : 1px;
}
@media only screen and (max-device-width: 720px) {
    ol.accord li {
        width: 100%;
    }

    .content {
        height: 149px;
        width: 50%;
    }

    ol.accord li h3 {
        height: 30px;
        width: 100%;
        margin: 0;
        border-right: none;
        border-bottom: 1px solid #fff;
        padding: 7px 10px;
    }
    .custom_class1 {
      height:70px;
  }
   .custom_class2 {
      height:70px;
   }
}

关于css - 如何覆盖媒体查询中的所有类？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56685728/