मान लें कि मेरे पास कुछ HTML पृष्ठ है, और एक संबंधित सीएसएस फ़ाइल है। मैं कुछ तत्वों में गोलाकार कोनों को जोड़ना चाहता हूं। मैं हर दूसरे खंड पर वैकल्पिक पृष्ठभूमि रंग चाहता हूं। मैं प्रत्येक सेक्शन शीर्षक के लिए एक होवर राज्य जोड़ना चाहता हूं। तो आगे और इतने पर - मैं स्टाइल और स्टाइल और स्टाइल रखता हूं।मार्कअप/स्टाइल सर्वोत्तम प्रथाओं: सीएसएस कक्षाओं पर स्टाइल नियमों को कुशलतापूर्वक वितरित करने के लिए कैसे करें?
यह मेरे लिए होता है कि तीन चरम सीमाएं हैं, जहां यह वर्ग द्वारा, आईडी द्वारा, और पदानुक्रम द्वारा मार्कअप पर सीएसएस नियमों को वितरित करने के "कौन, क्या, कब, कहाँ, क्यों और कैसे" से संबंधित है।
चरम # 1: प्रत्येक शैली नियम आईडी पर आधारित होता है।
चरम # 2: प्रत्येक शैली नियम कक्षा पर आधारित है।
चरम # 3: प्रत्येक शैली नियम डोम पदानुक्रम पर आधारित है।
स्पष्ट रूप से, फ्रंट एंड वेब विकास के ज़ेन में वर्ग पुन: उपयोग बनाम अद्वितीय नियम बनाम पदानुक्रम का स्वस्थ संतुलन शामिल होगा, क्योंकि तीन चरम सीमाओं में से कोई भी ब्राउज़र प्रदर्शन, रखरखाव और कोड आकार पर विनाश को खत्म कर देगा। मुझे लगता है। या मैं गलत हूँ? कैसे बताया जाए कि एक नया .class आवश्यक है, या आप जिन शैली नियमों को लागू करना चाहते हैं, वे सुरक्षित रूप से जूता-सींग वाले मौजूदा परिभाषा में हो सकते हैं? दो #id नियम कब समान हैं कि आपको सामान्य कोड को कक्षा में खींचना चाहिए? जब आप एक वर्ग को "कांटा" करते हैं (कभी-कभी आप मूल रखते हैं, और सभी विचलित स्थितियों (ओओपी शर्तों में "छिद्रित") के लिए व्युत्पन्न जोड़ते हैं, और अन्य बार कई अलग-अलग विचलनों में से प्रत्येक में सामान्य नियमों को धक्का देते हैं - स्पष्ट रूप से यह निर्भर करता है विचलन में प्रकृति (यानी, शामिल नियमों की संख्या))। क्या पूरी तरह से पदानुक्रमित नियमों का उपयोग करने के लिए बस परिस्थितियां हैं?
प्रश्न: क्या इस प्रकार की बहस को नियंत्रित करने वाले अंगूठे के कोई नियम हैं? आपका अनुभव और/या सलाह क्या है? क्या अच्छे लेख, संसाधन, किताबें, व्याख्यान ("तकनीकी बात" शैली वीडियो के लिए बोनस अंक), या विषय पर उपलब्ध अन्य सामग्री हैं? (पढ़ने में आसानी, संशोधित करने, और जोड़ने कोड)
- अनुरक्षणीयता (: मैं चर्चा कुछ प्रमुख बिंदु पर आधारित रखने के लिए (हालांकि किसी भी टिप्पणी का स्वागत है), कोई विशेष क्रम में करना चाहते हैं अपने आप को दोहराना नहीं)
- समय दक्षता (टाइम-टू-ऑनलोड; प्रगतिशील प्रतिपादन)
- अंतरिक्ष दक्षता (मार्कअप & जुड़े शैलियों के संयुक्त आकार)
@dskvr: यदि आपको SASS पसंद है, तो कम्पास देखें। एसएएसएस को कम्पास जावास्क्रिप्ट के लिए JQuery की तरह है: http://compass-style.org/ –
मैंने कभी इसके बारे में क्यों नहीं सुना है? मुझे लगता है कि सीएसएस की जरूरत है। – Jan
मेरी टिप्पणी के साथ क्या हुआ? ... * श्वास * ... वाह, कंपास भी बड़ी खबर है। मैं वास्तव में हैरान हूं कि मैंने इनमें से किसी के बारे में नहीं सुना है। धन्यवाद डेमियन: डी – Sandwich