در CleanCSS زبان افعی وار ساده برای CSS با الهام از CleverCSS اما ساده تر و با ویژگی های انسدادی کمتر است.
چرا
من واقعا ایده پشت CleverCSS دوست اما زمانی که در تولید استفاده متوجه شدم که من در تلاش بود به دور از تجزیه آن فرار رشته ها و خواص CSS پشتیبانی نشده راه بیش از حد اغلب. با استفاده از پیشوندهای فروشنده مانند -webkit-شیب و ارزش مانند RGBA منجر به CSS کثیف، بنابراین من تصمیم به نوشتن parser خود من برای یک نحو مشابه بدون تمام ویژگی های پیچیده ای است که من به هر حال استفاده نمی کند و آن را در حال حاضر خوب کار می کند برای من در وب سایت های مدرن REAL.
نمونه نحو
من قصد دارم برای حفظ نمونه 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؛ در خانواده: Verdana، بدون سریف-
از & 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.8em 0
از & nbsp؛ & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ در H3:
اندازه فونت: 1.2em
از & nbsp؛ & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ در P:
پد: 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؛ در فونت خانواده: Verdana، بدون سریف-
از & nbsp؛ & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ در اندازه فونت: .9em
}
لی #header،
#footer لی {
از & nbsp؛ & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ در پد: 0.4em؛
از & nbsp؛ & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ در حاشیه: 0.8em 0.8em 0.
}
#header H3 لی،
لی #footer H3 {
از & nbsp؛ & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ در اندازه فونت: 1.2em؛
}
#header لی P،
لی #footer P {
از & 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') را به عنوان F:
از & nbsp؛ & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ از & nbsp؛ در cleancss.convert چاپ (F)
استفاده از خط فرمان
تماس با cleancss.py بدون پارامتر به دستورالعمل های استفاده نشان می دهد. رفتن به هر تعداد از فایل ها را به cleancss.py و اسکریپت فایل ها را به CSS تبدیل و چاپ در نتیجه به کنسول.
به عنوان مثال:
cleancss.py file.css> result.css
در مورد نیاز:
پایتون
نظر یافت نشد