CleanCSS

CleanCSS là một ngôn ngữ đơn giản pythonic cho CSS lấy cảm hứng từ CleverCSS nhưng đơn giản và có tính năng ít tắc nghẽn.
Tại sao
Tôi thực sự thích ý tưởng đằng sau CleverCSS nhưng khi được sử dụng trong sản xuất, tôi nhận ra rằng tôi đã cố gắng để có được từ phân tích cú pháp của nó bằng cách thoát khỏi chuỗi và các thuộc tính CSS được hỗ trợ cách quá thường xuyên. Sử dụng tiền tố nhà cung cấp như -webkit-gradient và giá trị như rgba dẫn đến một CSS lộn xộn, vì vậy tôi quyết định viết phân tích cú pháp của riêng mình cho một cú pháp tương tự mà không cần tất cả các tính năng phức tạp mà tôi đã không sử dụng anyway và nó hiện đang làm việc tốt cho tôi trong REAL trang web hiện đại.
Ví dụ Cú pháp
Tôi sẽ giữ cho các ví dụ CleverCSS nơi có thể vì các cú pháp thực sự là tương tự.
Một ví dụ nhỏ dưới đây. Lưu ý sự thụt dựa cú pháp và làm thế nào bạn có thể quy tắc tổ:
# header, #footer:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; in->
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; family: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; kích thước: .9em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; li:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 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; p:
                        padding: 0.3em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; p.meta:
                        text-align: right
                        màu: #ddd
Tất nhiên bạn có thể làm việc rất giống nhau trong CSS, nhưng vì tính chất phẳng của nó mã sẽ trông dài hơn. Các đoạn mã sau đây là sản CleanCSS của file trên:
# header, #footer {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-family: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: .9em
}
# header li,
#footer li {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0.8em 0 0.8em;
}
# header li h3,
#footer li h3 {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: 1.2em;
}
# header li p,
#footer li p {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.3em;
}
# header li p.meta,
#footer li p.meta {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; text-align: right;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; màu: #dddddd;
}
sử dụng Thư viện
Nhập khẩu các mô-đun cleancss và gọi convert () chức năng với một đối tượng tập tin giống như.
Ví dụ:
cleancss nhập khẩu
với mở ('file.css') như f:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; in cleancss.convert (f)
sử dụng dòng lệnh
Gọi cleancss.py không có tham số để hiển thị các hướng dẫn sử dụng. Vượt qua bất kỳ số lượng tập tin cleancss.py và kịch bản sẽ chuyển đổi các tập tin CSS và in kết quả ra màn hình console.
Ví dụ:
cleancss.py file.css> result.css

Yêu cầu :

• Python