Sofia Emelianova
هل سبق لك تطبيق CSS على عنصر ولكنّه لم يعمل؟
باستخدام "أدوات مطوّري البرامج في Chrome"، يمكنك اكتشاف مشاكل CSS بنظرة سريعة وتصحيحها واختبارها.
شاهِد الفيديو لمعرفة كيفية تمييز اللوحة العناصر > الأنماط لمشاكل CSS المختلفة:
السمة ذات البنية غير الصالحة
السمة التي تم استبدالها
سمة غير نشطة 
مكتسَب من
parent
السمة المُكتسَبة
السمات غير المُكتسَبة
سمة الاختصار القابلة للتوسيع 
السمة المكتوبة التي تم استبدالها
موقع إلكتروني نشط مكتوب بخط اليد
ورقة أنماط وكيل المستخدم
- السمة غير القابلة للتعديل
السمة غير القابلة للتعديل التي تم إلغاؤها
مزيد من النصائح حول تصحيح الأخطاء:
- استخدِم الفلتر في لوحة الأنماط للتركيز على السمة التي تهمّك.
- استخدِم اللوحة محسوبة للاطّلاع على جميع الفائزين في Cascade وقيمهم المحسوبة.
- في لوحة المُحسَّنة، وسِّع موقعًا وانقر على رابط للعثور على مصدره في لوحة الأنماط.
للاطّلاع على مزيد من المعلومات حول جميع الطرق التي تُبرز بها أدوات المطوّرين مشاكل CSS، يمكنك الاطّلاع على مقالة العثور على أوراق CSS غير الصالحة أو التي تم إلغاؤها أو إيقافها أو غير ذلك.
لتحسين خبرتك في CSS، اطّلِع على مقالة التعرّف على CSS.
للتعرّف على كيفية إنشاء مواقع إلكترونية تبدو رائعة وتعمل بشكل جيد للجميع، اطّلِع على التعرّف على التصميم المتجاوب.