Cambie las reglas de clase CSS dinámicamente con jQuery

Su consulta involucra dos aspectos:

1. Modificar reglas de clase en tiempo real

jQuery por sí solo no puede alterar las reglas de clase CSS dinámicamente. Sin embargo, puede utilizar la propiedad styleSheets del objeto de documento para acceder a las reglas CSS directamente.

Código:

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

    for (var i = 0; i 
2. Guardar cambios de clase en un archivo
Para guardar los cambios de clase en un archivo, debe extraer las reglas CSS y enviarlas al servidor mediante una solicitud Ajax. La implementación del lado del servidor implica crear o actualizar un archivo con las reglas modificadas.
Notas adicionales:
Para compatibilidad con IE6, utilice document.styleSheets en lugar de document.styleSheets.
Para obtener las reglas CSS, acceda a la propiedad de reglas del objeto de hoja de estilo.
Utilice la propiedad cssText para establecer o modificar Reglas CSS.
Referencias:
document.styleSheets (Mozilla): https://developer.mozilla.org/en-US/ docs/Web/API/Document/styleSheets
objeto styleSheet (Mozilla): https://developer.mozilla.org/en-US/docs/Web/API/StyleSheet
Objeto CssRule (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
Objeto CssRule (MSDN): https://docs .microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/dom/cssrule