Динамическое изменение правил классов CSS с помощью jQuery

Ваш запрос включает в себя два аспекта:

1. Изменение правил классов в режиме реального времени

Один только jQuery не может динамически изменять правила классов CSS. Однако вы можете использовать свойство styleSheets объекта документа для прямого доступа к правилам CSS.

Код:

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

    for (var i = 0; i 
2. Сохранение изменений класса в файл
Чтобы сохранить изменения класса в файл, вам необходимо извлечь правила CSS и отправить их на сервер с помощью Ajax-запроса. Реализация на стороне сервера включает создание или обновление файла с измененными правилами.
Дополнительные примечания:
Для совместимости с IE6 используйте document.styleSheets вместо document.styleSheets.
Чтобы получить правила CSS, обратитесь к свойству Rules объекта таблицы стилей.
Используйте свойство cssText для установки или изменения правил CSS.
Ссылки:
document.styleSheets (Mozilla): https://developer.mozilla.org/en-US/docs/Web/API/Document/styleSheets
Объект styleSheet (Mozilla): https://developer.mozilla.org/en-US/docs/Web/API/StyleSheet
Объект 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
Объект CssRule (MSDN): https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/ dom/cssrule