Come rimuovere la classe utilizzando i CSS

Question

Ho bisogno di rimuovere classi da diversi elementi all'interno di @media print sul mio CSS e aggiungere quelle classi su @media screen.

Esiste comunque la possibilità di rimuovere le classi dal file CSS?

Qualcosa di simile:

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

Devo rimuovere ui-tabs-hide aggiunto da una funzione jQuery (che nasconde l'elemento in un modo strano, come la sua non display:block o display:none) classe da quegli elementi al momento della stampa e rimettendolo al termine della stampa.

Answer 1

No. Il CSS non può modificare il DOM, solo la sua presentazione.

Answer 2

CSS non può togliere elementi dal documento HTML, ma si potrebbe provare qualcosa di simile:

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

Questo avrebbe detto ai media stampati di non mostrare questo elemento.

Answer 3

è possibile utilizzare jQuery per fare questo.

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

se si vuole fare questo sul caricamento della pagina, è possibile includere questo nella funzione pronti documento (come illustrato di seguito)

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