Wie man eine Klasse mit CSS entfernt

Brauche ich zum entfernen von Klassen aus verschiedenen Elementen innerhalb der @media print auf meine CSS und fügen Sie diese Klassen auf die @media screen.

Gibt es trotzdem, zum entfernen von Klassen aus der CSS-Datei?

Etwas wie:

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

Ich entfernen müssen ui-tabs-hide ergänzt um eine jQuery-Funktion (die verbirgt das element in einer seltsamen Art und Weise, wie seine nicht display:block oder display:none) Klasse von diese Elemente zum Zeitpunkt der Drucklegung und setzen es wieder wenn Sie fertig sind drucken.

InformationsquelleAutor der Frage Amra | 2010-11-18

  1. 21

    Nicht. CSS nicht ändern kann, den DOM, nur deren Präsentation.

    InformationsquelleAutor der Antwort Quentin

  2. 4

    CSS nicht nehmen Elemente aus dem HTML-Dokument, aber Sie könnten versuchen, so etwas wie: 

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

    Diesem würde sagen, in den Print-Medien zu nicht-Anzeige dieses Elements.

    InformationsquelleAutor der Antwort Kyle

  3. 3

    können Sie jQuery verwenden, dies zu tun.

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

    wenn Sie dies tun wollen, auf das laden der Seite, können Sie diese in der Dokument-ready-Funktion (siehe unten)

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

    InformationsquelleAutor der Antwort Achintha

Schreibe einen Kommentar