نسق CSS المضغوط لتسهيل مراجعة المحددات والخصائص واستعلامات الوسائط.
الإدخال / الناتج
يبقى الإدخال والناتج وإجراءات النسخ في هذه المساحة الرئيسية. الأمثلة والفحوصات مفصولة أدناه.
جلسة محلية
تحفظ حالة الإدخال في هذا المتصفح فقط لاستعادة آخر عمل دون حساب.
افتح الأمثلة وقوائم الفحص والأدوات المرتبطة بعد انتهاء مسار الإدخال والناتج الأساسي.
مراجعة مقطع CSS
نسق مقطع CSS وانسخ تقرير المراجعة ثم افحص الضغط وتباين اللون.
نسق المقطع وانسخ التقرير مع إشارات selector وtoken وcascade وspecificity والقائمة.
إذا ستشارك CSS مضغوطا، افحص الضغط وحذف التعليقات وتقرير minify.
افحص tokens الألوان مقابل تباين WCAG عندما يغير المقطع ألوانا مرئية.
فحص إتاحة اللون
حوّل ألوان المقدمة/الخلفية وانسخ تقرير تباين WCAG ثم افحص رموز CSS والأصول المرئية قبل النشر.
حوّل أزواج HEX/RGB/HSL وافحص حدود AA/AAA ثم انسخ تقرير الإتاحة.
افحص أسماء رموز CSS والselectors وقيم اللون المكررة قبل commit.
تحقق أن أحرف العلامة أو الأيقونات الصغيرة تبقى واضحة على الخلفية المختارة.
قبل النسخ
حالات فشل شائعة
أدوات مرتبطة
الأدلة
افتح الأمثلة وقوائم الفحص والأدوات المرتبطة بعد انتهاء مسار الإدخال والناتج الأساسي.
.card{display:flex;color:#111}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}:root{--gap:16px}.panel{padding:var(--gap);border:1px solid #ddd}أمثلة CSS
كتل المحددات
1
التصريحات
3
قواعد @media
0
أسطر الناتج
5
افحص المحددات والقيم وقواعد @ والحجم بعد الضغط قبل النسخ.
الخصائص المخصصة
0
لم يتم العثور على خصائص مخصصة.
قيم الألوان
1
#111
قواعد @
0
لم يتم العثور على قواعد @.
نسبة الضغط
0%
نسبة تقليل تقديرية بعد حذف المسافات والتعليقات.
معاينة المحددات
أول محددات تم العثور عليها في المقطع.
تقرير مراجعة CSS
انسخ تقرير تسليم يتضمن selector وtoken وcascade وspecificity والضغط والتحذيرات وقائمة مراجعة.
وضع الإخراج
تنسيق واضح
كتل المحددات
1
.card
التصريحات
3
الخصائص المخصصة
0
لم يتم العثور على خصائص مخصصة.
قيم الألوان
1
#111
قواعد @
0
لم يتم العثور على قواعد @.
محددات مكررة
لا
خطر specificity للـ ID
لا
توجد تعليقات
لا
نسبة الضغط
0%
ملاحظات المراجعة
قائمة المراجعة
# تقرير مراجعة CSS - تم الفحص في: وقت النسخ في المتصفح - وضع الإخراج: تنسيق واضح - الأحرف: 39 - أسطر الناتج: 5 - كتل المحددات: 1 - التصريحات: 3 - الخصائص المخصصة: 0 - قيم الألوان: 1 - قواعد @: 0 - محددات مكررة: لا - خطر specificity للـ ID: لا - توجد تعليقات: لا - نسبة الضغط: 0% - لا يتم تضمين CSS الخام في هذا التقرير؛ أرفق مقطعا منقحا عند الحاجة. ## ملاحظات المراجعة - هذه أداة تنسيق خفيفة للمقاطع الصغيرة. افحص ملفات الأنماط الكبيرة بأداة المشروع قبل الاعتماد عليها. ## قائمة المراجعة - اختبر CSS على breakpoint وtheme والمتصفح الهدف قبل النشر. - أكد أن ترتيب selectors والتكرارات وspecificity تطابق cascade المقصود. - قارن الخصائص المخصصة وtokens الألوان مع design system قبل النسخ. - حافظ على تعليقات الترخيص والتسليم عند الضغط أو اللصق في docs. - شغل formatter المشروع أو build pipeline قبل commit تغييرات stylesheet الكبيرة.
ناتج جاهز للنسخ
.card {
display:flex;
gap:16px;
color:#111
}