सीएसएस रीसेट जो केवल #widget

Question

पर लागू होता है मान लें कि मेरे पास विजेट है जो जटिल सीएसएस का उपयोग करता है, और कई वेबसाइटों में एम्बेड किया जाना चाहिए जिनमें सभी के पास उनके सीएसएस हैं।

यदि मैं सभी विजेट के सीएसएस नियमों को "# विड्जेट" के साथ उपसर्ग करता हूं, तो वे बाहर के किसी भी चीज़ पर लागू नहीं होंगे, इसलिए एक समस्या ठीक हो गई है। दुर्भाग्यवश साइट के सीएसएस नियम अभी भी विजेट को गड़बड़ कर सकते हैं।

यदि मैं उचित रीसेट नियमों के साथ # सीडेट के अंदर सभी सीएसएस रीसेट करता हूं, तो उम्मीद है कि वे सभी बाहरी नियमों को ओवरराइड करेंगे, है ना? (क्योंकि मेरे नियम #id और बाहरी नियमों का उपयोग मेरे विजेट के अंदर किसी भी आईडी को नहीं जानते हैं, वे उन्हें ओवरराइड नहीं कर सकते हैं, है ना?! महत्वपूर्ण इसके बावजूद)

सभी सीएसएस को ज्ञात राज्य में रीसेट करने का सबसे अच्छा तरीका क्या है? अधिकांश सीएसएस रीसेट ब्राउज़र डिफ़ॉल्ट से शुरू होते हैं, वे मनमानी सीएसएस रीसेट नहीं करते हैं। क्या कोई सीएसएस रीसेट है जो इससे कोई फर्क नहीं पड़ता?

Answer 1

मैं एरिक मेयर के रीसेट को सीएसएस शैलियों को रीसेट करने के लिए पुनः लोड करता हूं। लिंक: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

Answer 2

हाँ, अपने सीएसएस कुछ भी विजेट के बाहर घोषित ओवरराइड करना चाहिए, लेकिन अपने रीसेट काफी व्यापक होना चाहिए। मैं http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ के एक संशोधित संस्करण का उपयोग करने का सुझाव देता हूं, लेकिन आपको सभी चयनकर्ताओं को स्वयं संशोधित करना होगा।

मैं भी अपने चयनकर्ताओं को मजबूत करने के लिए परीक्षा की जाएगी, इसलिए बजाय

#widget tagname{} 

उपयोग

html body #widget tagname{} 

आपका चयनकर्ताओं अब एक बहुत अधिक वजन होगा।

Answer 3

मैं एक ही समस्या को हल करने का प्रयास करते हुए cleanslate.css भर में आया था:

https://github.com/premasagar/cleanslate

मैं अभी तक उत्पादन में इसका इस्तेमाल नहीं है, लेकिन यह जाहिरा तौर पर बीबीसी वर्ल्ड सर्विस के विकास से बाहर आया विजेट।

Answer 4

उपयोग नाम स्थान & & कम रीसेट

#my-ns { 
    @import ".../reset.less"; 

    ... your other styles ... 
}