كيفية استخدام مصغّر CSS
- الصق ورقة الأنماط.
- أبقِ تحسينات القيم مفعّلة أو عطّلها.
- انسخ CSS المصغّر أو نزّله.
مزايا مصغّر CSS
- إزالة التعليقات والمسافات البيضاء والفواصل المنقوطة الأخيرة والقواعد الفارغة
- اختصار الألوان السداسية العشرية (#ffffff → #fff) والأصفار البادئة (0.5em → .5em)
- حذف الوحدات من الأطوال الصفرية خارج calc()
- الحفاظ على السلاسل النصية ومحتويات url() وتباعد calc() سليمة
- الاحتفاظ اختيارياً بتعليقات الترخيص /*! license */
- الإبلاغ عن عدد البايتات الموفَّرة
مثال على مصغّر CSS
تصغير قاعدة CSS
الإدخال:
body {
margin: 0px;
color: #333333;
padding: 0.5rem;
}النتيجة:
body{margin:0;color:#333;padding:.5rem}الأسئلة الشائعة حول مصغّر CSS
ما التحسينات المطبَّقة؟
تُزال المسافات البيضاء والتعليقات، وتُحذف الفاصلة المنقوطة الأخيرة في كل كتلة، وتُحذف القواعد الفارغة، وتُختصر الألوان السداسية العشرية ذات الستة أرقام عند الإمكان (#ffffff → #fff)، وتُحذف الأصفار البادئة (0.5em → .5em)، وتفقد الأطوال الصفرية وحدتها خارج calc().
هل calc() في أمان؟
نعم. المسافات حول + و− داخل calc() مطلوبة وفق مواصفة CSS ويُحتفظ بها؛ كما يُحتفظ بوحدات الأصفار داخل الدوال (يبقى calc(100% - 0px) صالحاً).
هل يمكنني الاحتفاظ بتعليق الترخيص؟
نعم. يُحتفظ افتراضياً بالتعليقات التي تبدأ بـ /*!.
هل يدمج القواعد المكررة أو الخصائص المختصرة؟
لا. فالتحسينات البنيوية قد تغيّر التسلسل (cascade)، ولذلك يُبقي المصغّر عمداً كل قاعدة في مكانها.