How to remove class using CSS

Question

I need to remove classes from different elements within the @media print on my CSS and add those classes on the @media screen.

Is there anyway to remove classes from the CSS file?

Something like:

@media print{     .element{/*Remove class*/} } @media screen{     .element{/*Add class*/} } 

I need to remove ui-tabs-hide added by a jQuery function (which hides the element in a weird way, as its not display:block or display:none) class from those elements at the time of printing and putting it back when finished printing.

Answer 1

No. CSS can't modify the DOM, only its presentation.

Answer 2

CSS can't take out elements from the HTML document, however you could try something like:

@media print{ element.relevantclass    {      display: none;    } 

This would tell the printed media to not display this element.