cssmergemedia là một công cụ Python rằng hòa trộn giống hệt truy vấn phương tiện truyền thông trong CSS của bạn.
Ví dụ, sau đây CSS:
& Nbsp; & nbsp; & nbsp; media màn hình và (min-width: 480) và (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; color: black;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; media màn hình và (min-width: 480) và (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; background: red;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Được biên dịch để:
& Nbsp; & nbsp; & nbsp; media màn hình và (min-width: 480) và (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; color: black;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; background: red;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Điều này cho phép bạn để giữ cho các truy vấn phương tiện truyền thông của bạn cùng với các phong cách cơ sở cho mỗi yếu tố, thay vì nhóm chúng lại với nhau vào cuối của tập tin hoặc trong một file riêng biệt (và do đó biến thành một cơn ác mộng bảo trì)
CSS Merge Truyền thông dựa trên cssutils: những gì có thể được phân tích với cssutils có thể được sử dụng trong kịch bản.
Cài đặt
Giải nén và chạy tarball ::
& Nbsp; python setup.py cài đặt
Gọi
Gọi các kịch bản như vậy ::
& Nbsp; cssmergemedia --input style.css --output style-merged.css
là gì mới trong phiên bản này:
- Cố định check dependecy về cài đặt
Yêu cầu :
- Python
Bình luận không