Comment faire pour supprimer la classe en utilisant CSS

Question

J'ai besoin de supprimer des classes de différents éléments au sein de la @media print sur mon CSS et d'ajouter ces classes sur le @media screen.

Est-il possible de supprimer des classes du fichier CSS?

Quelque chose comme:

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

Je dois enlever ui-tabs-hide ajoutée par une fonction jQuery (qui cache l'élément d'une manière bizarre, comme pas display:block ou display:none) la classe de ces éléments au moment de l'impression et le remettre lorsque vous avez fini d'imprimer.

Answer 1

N ° CSS ne peut pas modifier le DOM, seulement sa présentation.

Answer 2

CSS ne peut pas prendre des éléments du document HTML, mais vous pouvez essayer quelque chose comme:

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

Cela dire aux médias imprimés pour ne pas afficher cet élément.

Answer 3

vous pouvez utiliser jQuery pour cela.

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

si vous voulez le faire sur le chargement de la page, vous pouvez inclure dans le document fonction prêt (comme indiqué ci-dessous)

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