title: How to remove class using CSS
body: <p>I need to remove classes from different elements within the <code>@media print</code> on my CSS and add those classes on the <code>@media screen</code>.</p>
  
  <p>Is there anyway to remove classes from the CSS file?</p>
  
  <p>Something like:</p>
  
  <pre><code>@media print{
      .element{/*Remove class*/}
  }
  @media screen{
      .element{/*Add class*/}
  }
  </code></pre>
  
  <p>I need to remove <code>ui-tabs-hide</code> added by a jQuery function (which hides the element in a weird way, as its not <code>display:block</code> or <code>display:none</code>) class from those elements at the time of printing and putting it back when finished printing.</p>