title: Remove a class property with a media query on a mobile first design?
body: <p>I have tab elements with either <code>display: inline</code> or <code>none</code> depending if they are selected. Eg:</p>
  
  <pre><code>&lt;div class="tab" style="display:inline;"&gt;&lt;/div&gt;
  &lt;div class="tab" style="display:none;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Then a class in my stylesheet overrides the display property so that all tabs are shown in mobile devices:</p>
  
  <pre><code>.tab {
  display: block !important;
  }
  </code></pre>
  
  <p>My problem is that I need to prevent this condition to apply to screen bigger than 600px but I cannot use max-width queries. So I need to override <code>display: block !important</code> with a min-width media query without applying any other particular style. Eg:</p>
  
  <pre><code>@media screen and (min-width: 600px){
  .tab  {
  display: /*don't do anything*/ !important; 
  }
  }
  </code></pre>