cssmergemedia เป็นเครื่องมือที่มีงูใหญ่ที่รวมคำสั่งสื่อเหมือนกันใน CSS ของคุณ
ตัวอย่างเช่นต่อไปนี้ CSS:
& nbsp; & nbsp; & nbsp; @ สื่อหน้าจอและ (นาทีกว้าง: 480px) และ (ความกว้างสูงสุด: 899px) {
& nbsp; & nbsp; & nbsp; & nbsp; .foo {
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; สี: สีดำ;
& nbsp; & nbsp; & nbsp; & nbsp; }
& nbsp; & nbsp; & nbsp; }
& nbsp; & nbsp; & nbsp; @ สื่อหน้าจอและ (นาทีกว้าง: 480px) และ (ความกว้างสูงสุด: 899px) {
& nbsp; & nbsp; & nbsp; & nbsp; .bar {
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; พื้นหลัง: สีแดง;
& nbsp; & nbsp; & nbsp; & nbsp; }
& nbsp; & nbsp; & nbsp; }
จะรวบรวมไปที่:
& nbsp; & nbsp; & nbsp; @ สื่อหน้าจอและ (นาทีกว้าง: 480px) และ (ความกว้างสูงสุด: 899px) {
& nbsp; & nbsp; & nbsp; & nbsp; .foo {
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; สี: สีดำ;
& nbsp; & nbsp; & nbsp; & nbsp; }
& nbsp; & nbsp; & nbsp; & nbsp; .bar {
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; พื้นหลัง: สีแดง;
& nbsp; & nbsp; & nbsp; & nbsp; }
& nbsp; & nbsp; & nbsp; }
นี้จะช่วยให้คุณสามารถเก็บคำสั่งสื่อของคุณพร้อมกับรูปแบบพื้นฐานสำหรับแต่ละองค์ประกอบแทนการจัดกลุ่มเข้าด้วยกันในตอนท้ายของไฟล์หรือในแฟ้มแยกต่างหาก (และเปลี่ยนการบำรุงรักษาเป็นฝันร้าย)
สื่อผสาน CSS จะขึ้นอยู่กับ cssutils: สิ่งที่สามารถแยกวิเคราะห์ด้วย cssutils สามารถนำมาใช้ในสคริปต์
การติดตั้ง
แกะ tarball และเรียกใช้ ::
& nbsp; หลาม setup.py ติดตั้ง
ภาวนา
เรียกสคริปต์เช่นดังนั้น ::
& nbsp; cssmergemedia --input style.css --output สไตล์ merged.css
มีอะไรใหม่ ในข่าวประชาสัมพันธ์นี้:
- คงที่ การตรวจสอบเกี่ยวกับการติดตั้ง dependecy
ต้องการ
- หลาม
ความคิดเห็นที่ไม่พบ