There is a third-party set of elements with their own styles. Is it possible to cancel the application of all styles at once for a particular media-query?

@media (min-width: 37.5rem){ .wk-header .wk-nav { display: block; background-color: transparent; float: right; margin-top: 1.1875rem; width: auto; }

instead of overriding each one? I would like something like:

 @media (min-width: 37.5rem){ .wk-header .wk-nav { all-properties: nothing; //чтобы остались определенные раньше свойства }
  • no, nothing can be canceled at all - Grundy

2 answers 2

all: unset; - resets all values.

 @media (min-width: 37.5rem){ .wk-header .wk-nav { all: unset; } }
  • clarified the question. I would like something like ... - SIARHEI PAKHUTA
  • @SIARHEIPAKHUTA, fixed - HamSter
  • Thank! It helped - SIARHEI PAKHUTA

There is a selector * for all elements, it is only desirable to add !important to each style

 @media (min-width: 37.5rem){ * { display: block; background-color: transparent; float: right; margin-top: 1.1875rem; width: auto; }