CleanCSS هي لغة pythonic بسيطة لCSS مستوحاة من CleverCSS لكن أبسط ومع خصائص أقل معرقلة.
لماذا
أنا حقا أحب الفكرة وراء CleverCSS ولكن عندما تستخدم في إنتاج أدركت أنني كان يحاول الابتعاد عن محلل من خلال الهروب السلاسل وخصائص CSS غير معتمد الطريقة في كثير من الأحيان. استخدام البادئات بائع مثل -webkit-التدرج والقيم مثل أدى رغبا في CSS فوضوي، لذلك قررت أن أكتب بلدي محلل الخاصة لتركيب مماثل من دون جميع الميزات المعقدة التي لم تستخدم على أي حال، وأنه يعمل الآن على ما يرام بالنسبة لي في المواقع الحديثة الحقيقية.
أمثلة جملة
انا ذاهب للحفاظ على أمثلة CleverCSS حيثما كان ذلك ممكنا منذ بناء الجملة يشبه حقا.
وثمة مثال صغير أدناه. ملاحظة بناء الجملة أساس المسافة البادئة وكيف يمكنك القواعد العش:
#header، #footer:
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ هامش: 0
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ الحشو: 0
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ font->
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ الأسرة: فيردانا، بلا الرقيق
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ حجم: .9em
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ لى:
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ الحشو: 0.4em
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ هامش: 0.8em 0 0.8em
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ H3:
FONT-SIZE: 1.2em
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ ص:
الحشو: 0.3em
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ p.meta:
مواءمة النصوص: الحق
اللون: #ddd
بالطبع يمكنك أن تفعل الشيء نفسه جدا في CSS، ولكن بسبب طبيعتها مسطحة رمز سوف تبدو أكثر مطول. قطعة التالية من التعليمات البرمجية إخراج CleanCSS من الملف أعلاه:
#header، #footer {
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ هامش: 0؛
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ الحشو: 0؛
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ الخط بين أفراد الأسرة: فيردانا، بلا الرقيق
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ FONT-SIZE: .9em
}
لى #header،
#footer لى {
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ الحشو: 0.4em؛
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ هامش: 0.8em 0 0.8em؛
}
#header لى H3،
#footer لى H3 {
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ FONT-SIZE: 1.2em؛
}
#header لى ع،
#footer لى ع {
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ الحشو: 0.3em؛
}
#header لى p.meta،
#footer لى p.meta {
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ مواءمة النصوص: الحق؛
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ اللون: #dddddd.
}
استخدام المكتبة
استيراد وحدة cleancss واستدعاء الدالة تحويل () مع كائن مثل ملف.
على سبيل المثال:
cleancss استيراد
مع فتح ('file.css') كما و:
على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ على & nbsp؛ cleancss.convert الطباعة (و)
استخدام سطر الأوامر
استدعاء cleancss.py بدون معلمات لإظهار تعليمات الاستخدام. تمرير أي عدد من الملفات إلى cleancss.py والسيناريو سوف تحويل الملفات إلى CSS وطباعة النتيجة إلى وحدة التحكم.
على سبيل المثال:
cleancss.py file.css> result.css
المتطلبات:
بيثون
لم يتم العثور على التعليقات