تغيير قواعد فئة CSS ديناميكيًا باستخدام jQuery

يتضمن استعلامك جانبين:

1. تعديل قواعد الفصل في الوقت الفعلي

لا يمكن لـ jQuery وحده تغيير قواعد فئة CSS ديناميكيًا. ومع ذلك، يمكنك الاستفادة من خاصية أوراق الأنماط لكائن المستند للوصول إلى قواعد CSS مباشرة.

Code:

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

    for (var i = 0; i 
2. حفظ تغييرات الفئة في ملف
لحفظ تغييرات الفئة في ملف، تحتاج إلى استخراج قواعد CSS وإرسالها إلى الخادم عبر طلب Ajax. يتضمن التنفيذ من جانب الخادم إنشاء ملف أو تحديثه باستخدام القواعد المعدلة. 
 
  ملاحظات إضافية:  
 
 للتوافق مع IE6، استخدم document.styleSheets بدلاً من document.styleSheets.
للحصول على قواعد CSS، قم بالوصول إلى خاصية القواعد لكائن ورقة الأنماط.
استخدم خاصية cssText لتعيين قواعد CSS أو تعديلها. 
 
  المراجع:  
 
document.styleSheets (Mozilla): https://developer.mozilla.org/ ar-US/docs/Web/API/Document/styleSheets
كائن ورقة النمط (موزيلا): https://developer.mozilla.org/en-US/docs/Web/API/StyleSheet
كائن CssRule (موزيلا): 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