Как переопределить все классы в медиа-запросе?

Question

Я создаю пользовательский .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*/

Answer 1

Вы можете написать как можно больше классов в медиа-запросе в круглых скобках.Вот пример для этого

Просто определите класс выше и измените его в соответствии с вашими требованиями в соответствии с размером экрана.

.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;
   }
}