CSS-Klassenregeln dynamisch mit jQuery ändern

Ihre Abfrage umfasst zwei Aspekte:

1. Ändern von Klassenregeln in Echtzeit

jQuery allein kann CSS-Klassenregeln nicht dynamisch ändern. Sie können jedoch die styleSheets-Eigenschaft des Dokumentobjekts verwenden, um direkt auf CSS-Regeln zuzugreifen.

Code:

document.getElementById("button").onclick = function() {
    var ss = document.styleSheets;

    for (var i = 0; i 
2. Klassenänderungen in einer Datei speichern
Um Klassenänderungen in einer Datei zu speichern, müssen Sie die CSS-Regeln extrahieren und sie über eine Ajax-Anfrage an den Server senden. Die serverseitige Implementierung umfasst das Erstellen oder Aktualisieren einer Datei mit den geänderten Regeln.
Zusätzliche Hinweise:
Für IE6-Kompatibilität verwenden Sie document.styleSheets anstelle von document.styleSheets.
Um die CSS-Regeln abzurufen, greifen Sie auf die Rules-Eigenschaft des Stylesheet-Objekts zu.
Verwenden Sie die cssText-Eigenschaft zum Festlegen oder Ändern von CSS-Regeln.
Referenzen:
document.styleSheets (Mozilla): https://developer.mozilla. org/en-US/docs/Web/API/Document/styleSheets
styleSheet-Objekt (Mozilla): https://developer.mozilla.org/en-US/docs/Web/API/StyleSheet
CssRule-Objekt (Mozilla): https://developer.mozilla.org/en-US/docs/Web /API/CSSRule
document.styleSheets (MSDN): https://docs.microsoft.com/en-us/ previous-versions/windows/internet-explorer/ie-developer/dom/document.stylesheets
CssRule-Objekt (MSDN): https://docs .microsoft.com/en-us/ previous-versions/windows/internet-explorer/ie-developer/dom/cssrule