सीएसएस

Question

रिफैक्टरिंग के लिए उपकरण और तकनीकें मुझे इसे अधिक सामान्य रूप से करने की आवश्यकता है, लेकिन एक अच्छा वर्तमान उदाहरण मेरे दो मेनू हैं। मेरे पास दो कक्षा वर्ग हैं, horizontal-menu और vertical-menu, और इन कक्षाओं के तहत ul, li, और a जैसे तत्वों के नियमों के दो सेट हैं। इन नियमों में से कई में आम बात है, colora तत्वों के लिए मान। मैं आम नियमों और मूल्यों को menu नामक 'सुपर-क्लास' में दोबारा प्रतिक्रिया देना चाहता हूं, और मेरे horizontal-menu और vertical-menu कक्षाओं में केवल मूल्यों को ओवरराइड करना है। क्या कोई उपकरण है (इस प्रश्न पूछने वाले उपकरण के अलावा) जो इससे मेरी मदद कर सकता है?

Answer 1

इस तरह की समस्या के लिए सबसे अच्छा उपकरण Compass है, जो नियमों को परिभाषित करने के लिए एक ढांचा है जिसे उत्पादन में उपयोग के लिए सीएसएस में संकलित किया जाता है। यह आपको एक अनिवार्य भाषा के रूप में वैरिएबल को परिभाषित करने की अनुमति देता है।

यह भी अन्य उपयोगी अवधारणाओं जैसे mixins जो जो नियमित रूप से एक साथ इस्तेमाल किया जाएगा सीएसएस गुण का एक सेट, ऐसा है कि आप एक से अधिक मानक सीएसएस नियमों में संपत्तियों की है कि ब्लॉक शामिल कर सकते हैं की परिभाषा की अनुमति है। शक्ति यह है कि आप उस मिश्रण को एक स्थान पर संपादित कर सकते हैं, गुणों को बदल सकते हैं और उस परिवर्तन को किसी भी सीएसएस नियम में प्रसारित कर सकते हैं जिसमें मिश्रण का उपयोग किया गया है।

मैं कम्पास की खोज की है, और सीखा कि कैसे यह CSS Tricks

इस मामले (और वास्तव में ज्यादातर मामलों) में केवल एक समस्या पर Chris Coyier द्वारा धन्यवाद इस्तेमाल किया जाना चाहिए, a screencast को तुम सच में साथ प्रारंभ से शुरू करना है कम्पास, या अपने मौजूदा प्रवाह में अपने कार्य प्रवाह को एकीकृत करने का एक तरीका खोजें।

Answer 2

आप csscss एक शॉट देना चाहते हैं। मैंने इसे अपने स्वयं के स्टाइलशीट में कितना दोहराया है इसका एक विचार रखने के लिए लिखा है। मैं स्पष्ट रूप से पक्षपाती हूं, लेकिन कई लोगों ने इसे भी उपयोगी पाया है। SASS, LESS, और Compass समर्थन बेक किया गया है।

एक और शानदार टूल helium है जो ब्राउज़र में चलता है जो जावास्क्रिप्ट टूल है और आपको किसी भी अप्रयुक्त नियमों के बारे में जानकारी देता है।