صغر CSS بإزالة التعليقات والمسافات الزائدة لمراجعة الناتج المصغر بسرعة.
الإدخال / الناتج
يبقى الإدخال والناتج وإجراءات النسخ في هذه المساحة الرئيسية. الأمثلة والفحوصات مفصولة أدناه.
جلسة محلية
تحفظ حالة الإدخال في هذا المتصفح فقط لاستعادة آخر عمل دون حساب.
افتح الأمثلة وقوائم الفحص والأدوات المرتبطة بعد انتهاء مسار الإدخال والناتج الأساسي.
مراجعة مقطع CSS
نسق مقطع CSS وانسخ تقرير المراجعة ثم افحص الضغط وتباين اللون.
نسق المقطع وانسخ التقرير مع إشارات selector وtoken وcascade وspecificity والقائمة.
إذا ستشارك CSS مضغوطا، افحص الضغط وحذف التعليقات وتقرير minify.
افحص tokens الألوان مقابل تباين WCAG عندما يغير المقطع ألوانا مرئية.
قبل النسخ
حالات فشل شائعة
أدوات مرتبطة
الأدلة
افتح الأمثلة وقوائم الفحص والأدوات المرتبطة بعد انتهاء مسار الإدخال والناتج الأساسي.
.card { display: flex; gap: 16px; color: #111; }/* handoff note */ @media (min-width:768px) { .grid { display:grid; } }#hero .title { color: rgb(10, 20, 30); }أمثلة CSS
كتل المحددات
1
التصريحات
2
قواعد @media
0
أسطر الناتج
1
افحص المحددات والقيم وقواعد @ والحجم بعد الضغط قبل النسخ.
الخصائص المخصصة
0
لم يتم العثور على خصائص مخصصة.
قيم الألوان
1
#111
قواعد @
0
لم يتم العثور على قواعد @.
نسبة الضغط
16%
نسبة تقليل تقديرية بعد حذف المسافات والتعليقات.
معاينة المحددات
أول محددات تم العثور عليها في المقطع.
تقرير مراجعة CSS
انسخ تقرير تسليم يتضمن selector وtoken وcascade وspecificity والضغط والتحذيرات وقائمة مراجعة.
وضع الإخراج
تصغير
كتل المحددات
1
.card
التصريحات
2
الخصائص المخصصة
0
لم يتم العثور على خصائص مخصصة.
قيم الألوان
1
#111
قواعد @
0
لم يتم العثور على قواعد @.
محددات مكررة
لا
خطر specificity للـ ID
لا
توجد تعليقات
لا
نسبة الضغط
16%
ملاحظات المراجعة
قائمة المراجعة
# تقرير مراجعة CSS - تم الفحص في: وقت النسخ في المتصفح - وضع الإخراج: تصغير - الأحرف: 37 - أسطر الناتج: 1 - كتل المحددات: 1 - التصريحات: 2 - الخصائص المخصصة: 0 - قيم الألوان: 1 - قواعد @: 0 - محددات مكررة: لا - خطر specificity للـ ID: لا - توجد تعليقات: لا - نسبة الضغط: 16% - لا يتم تضمين CSS الخام في هذا التقرير؛ أرفق مقطعا منقحا عند الحاجة. ## ملاحظات المراجعة - هذه أداة تنسيق خفيفة للمقاطع الصغيرة. افحص ملفات الأنماط الكبيرة بأداة المشروع قبل الاعتماد عليها. ## قائمة المراجعة - اختبر CSS على breakpoint وtheme والمتصفح الهدف قبل النشر. - أكد أن ترتيب selectors والتكرارات وspecificity تطابق cascade المقصود. - قارن الخصائص المخصصة وtokens الألوان مع design system قبل النسخ. - حافظ على تعليقات الترخيص والتسليم عند الضغط أو اللصق في docs. - شغل formatter المشروع أو build pipeline قبل commit تغييرات stylesheet الكبيرة.
ناتج جاهز للنسخ
.card{display:flex;color:#111;}