التحقق من CSS
التحقق من كود CSS بحثاً عن أخطاء الصياغة
CSS المدخل
نتيجة التحقق
أمثلة التحقق من CSS
CSS الصالح له صياغة صحيحة؛ CSS غير الصالح يحتوي على أخطاء. أمثلة:
CSS صالح
CSS غير صالح — فاصلة منقوطة مفقودة
تفتقر القاعدة الأولى إلى فاصلة منقوطة بعد 1200px.
الصق أي مثال في المحرر أعلاه لرؤية نتيجة التحقق. استخدم تحميل مثال لتحميل المزيد من البيانات.
ما هو التحقق من CSS؟
CSS (Cascading Style Sheets) له قواعد صياغة. الفواصل المنقوطة المفقودة أو الأقواس غير المغلقة أو أسماء الخصائص غير الصالحة أو المحددات المشوهة تسبب أخطاء في التحليل. يتحقق التحقق من CSS مما إذا كانت ورقة الأنماط مشكّلة بشكل صحيح ويُبلغ عن الأخطاء برقم السطر والموضع. مواصفات W3C CSS تحدد اللغة.
تحلل هذه الأداة CSS وتُبلغ عن أي أخطاء في الصياغة. تعمل بالكامل في المتصفح. لا يتم إرسال أي شيء إلى خادم. لتنسيق CSS الصالح استخدم منسق CSS. للضغط استخدم مضغط CSS.
كيفية استخدام هذه الأداة
لصق أو رفع CSS
انسخ CSS والصقه في المحرر الأيسر. يمكنك أيضاً النقر على رفع الملف لتحميل ملف .css. زر تحميل مثال يحمّل بيانات نموذجية.
مراجعة نتيجة التحقق
تعرض اللوحة اليمنى صالح أو غير صالح. إذا كان غير صالح، يعرض الأخطاء برقم السطر والموضع. المشكلات الشائعة هي الأقواس غير المغلقة أو الفواصل المنقوطة المفقودة أو قيم الخصائص غير الصالحة أو استعلامات الوسائط المشوهة.
تصحيح وإعادة التحقق
صحح الأخطاء في الإدخال وأعد التحقق. للتنسيق استخدم منسق CSS. لـ SCSS أو Less حوّل أولاً بـ SCSS إلى CSS أو Less إلى CSS.
أخطاء CSS الشائعة
الأقواس غير المغلقة } أو المربعة ] شائعة. قد تسبب الفواصل المنقوطة المفقودة بين الخصائص أخطاء تحليل متتالية. أسماء أو قيم الخصائص غير الصالحة (مثلاً أخطاء إملائية مثل dispaly بدلاً من display) تكسر القواعد. كتل @media أو @keyframes المشوهة تسبب أيضاً أخطاء. مواصفة W3C CSS تحدد الصياغة الصالحة.
متى يفيد التحقق من CSS
يحتاج معظم المطورين إلى التحقق عند تصحيح أنماط لا تُطبَّق أو دمج CSS الجهات الخارجية أو قبل النشر للإنتاج. خطأ صياغة واحد يمكن أن يكسر ورقة الأنماط بأكملها. تشغيل CSS عبر هذه الأداة يكتشف المشكلات قبل أن تسبب مشكلات في التخطيط أو العرض.
مفيد أيضاً قبل مشاركة الأنماط مع الزملاء أو إرسال طلبات السحب. لتوافق المتصفح بعد التحقق استخدم بادئات CSS. لتنسيق CSS الصالح استخدم منسق CSS. لـ SCSS أو Less حوّل أولاً بـ SCSS إلى CSS أو Less إلى CSS.
الأسئلة الشائعة
ما الذي يجعل CSS غير صالح؟
الأقواس المعقوصة أو المربعة غير المغلقة، الفواصل المنقوطة المفقودة، أسماء أو قيم الخصائص غير الصالحة، المحددات المشوهة أو أخطاء الصياغة في @media أو @keyframes. يُشير المحقق إلى المشكلة.
هل يتحقق من دعم المتصفحات؟
تتحقق هذه الأداة من الصياغة فقط — هل CSS مشكّل بشكل صحيح. لا تتحقق من توافق المتصفحات. استخدم Can I Use لذلك.
هل بياناتي خاصة؟
نعم. يتم التحقق بالكامل في المتصفح. لا يتم إرسال أي بيانات إلى أي خادم.
هل يدعم SCSS أو Less؟
تتحقق هذه الأداة من CSS العادي. لـ SCSS أو Less حوّل أولاً بـ SCSS إلى CSS أو Less إلى CSS ثم تحقق من المخرجات.
ما حال بادئات المورّد؟
الخصائص ذات بادئات المورّد (مثل -webkit-، -moz-) صالحة. يقبلها المحقق. لإضافة البادئات تلقائياً استخدم بادئات CSS.
أدوات ذات صلة
مواصفة CSS: W3C CSS. MDN CSS مرجع أساسي. Can I Use لدعم المتصفحات.