Cómo eliminar una clase usando CSS

Question

Necesito eliminar clases de diferentes elementos dentro del @media print en mi CSS y agregar esas clases en el @media screen.

¿Hay alguna forma de eliminar clases del archivo CSS?

Algo así como:

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

Necesito quitar ui-tabs-hide añadido por una función de jQuery (que oculta el elemento de una manera extraña, ya que no es display:block o display:none) Clase de esos elementos en el momento de la impresión y volver a ponerlo cuando termine de imprimir.

Answer 1

No. CSS no puede modificar el DOM, solo su presentación.

Answer 2

CSS no puede sacar los elementos del documento HTML, sin embargo, puede intentar algo como:

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

Esto le dirá a los medios de comunicación impresos para no mostrar este elemento.

Answer 3

puede usar jQuery para hacer esto.

$(<element>).removeClass() // or removeClass(<the class to be removed>) 
$(<element>).addClass(<new class>) 

si usted quiere hacer esto en la carga de la página, puede incluir esto en la función de lista de documentos (como se muestra a continuación)

$(document).ready(function() { 
    $(<element>).removeClass() 
    $(<element>).addClass(<new class>) 
});