ऑनलाइन सीएसएस ड्रियर (dedupe)

Question

DRY = "खुद को दोहराएं"।

मेरे पास एक बेस सीएसएस फ्रेमवर्क है जिसमें मैं अधिक जटिल डिज़ाइन बनाने के लिए उपयोग करता हूं। प्रोटोटाइप का सबसे तेज़ तरीका अंत में शुरू होना है और वांछित परिणाम प्राप्त करने के लिए सीएसएस का निर्माण करना है (बेस सीएसएस से मौजूदा सीएसएस गुणों को संपादित करने के बजाय)।

हालांकि, मेरे द्वारा किए जाने के बाद, कक्षा नामों और गुणों की पुनरावृत्ति बहुत है।

मैं एक ऑनलाइन (या ऑफलाइन) उपकरण ढूंढ रहा हूं जो मेरी सीएसएस फ़ाइल स्कैन करेगा और समझदारी से इसे ऐसे रूप में रीमेक करेगा जो अनावश्यकता और नकल को हटा देता है।

उदाहरण के लिए

, अगर इन दो पंक्तियों एक सीएसएस फ़ाइल में मौजूद है:

//FROM THE BASE CSS 
.header{ 
    font-weight:bold; 
    font-size:1.5em; 
    background:red; 
    margin:0 auto; 
    padding:20px 
    } 

//FROM THE ADDED CSS 
.header{ 
    font-weight:normal; 
    font-size:1.25em; 
    background:blue; 
    padding-bottom:0; 
    margin-top:-20px 
    } 

वांछित परिणाम (पूर्व से अधिक प्राथमिकता के रूप में झरना में कम आइटम देने) का पहला उदाहरण दूर करने के लिए किया जाएगा .header निर्देश और इतने की तरह एक .header निर्देश में दोनों .header उदाहरणों से नियम विलय:

.header{ 
    font-weight:normal; 
    font-size:1.25em; 
    background:blue; 
    margin:-20px auto 0 auto; 
    padding:20px 20px 0 20px 
    } 

इस तरह के एक आवेदन मौजूद है?

Answer 1

व्यक्तिगत रूप से, मैं इसके लिए CSSTidy का उपयोग करता हूं। यह बहुत सी चीजें करता है, लेकिन दूसरों के बीच यह चयनकर्ताओं को विलय करता है जहां संभव हो और सही ढंग से कैस्केड (डुप्लिकेट गुणों को हटाया जा सकता है)। मुझे आमतौर पर मूल फ़ाइल आकार में लगभग 30% की कमी मिलती है, जो साफ है, और यहां तक ​​कि जब इसे छोटा किया जाता है तब भी इसे पढ़ने के लिए काफी आसान है (जावास्क्रिप्ट मिनीफायर के विपरीत)।

Answer 2

, उपकरण की एक संख्या इस के साथ मदद करने के लिए कर रहे हैं यहाँ दो है मैं काम लगता है:

1. CSSTrashman
2. deadweight