एक HTML पृष्ठ में सीएसएस फ़ाइलों को लोड करने का आदेश क्या है?

Question

मैं एक HTML पृष्ठ में सीएसएस फ़ाइलों को लोड करने का आदेश जानना चाहता हूं।

मेरी वास्तविक आवश्यकता इस तरह है: मेरे पास मेरे आवेदन में 10 से अधिक सीएसएस फ़ाइलें हैं।

मैं प्रत्येक HTML पृष्ठ में कुछ 3 से 4 सीएसएस फ़ाइलों को आयात कर रहा हूं। समस्या यह है कि मेरे पास डुप्लिकेट कक्षाएं हैं जो कुछ सीएसएस फ़ाइलों में परिभाषित हैं। इसका मतलब है कि मैं सीएसएस फ़ाइलों में से कुछ सीएसएस वर्गों को ओवरराइड करता हूं। कुछ पृष्ठों में यह सही तरीके से व्यवहार करता है। कुछ पृष्ठों में यह गलत तरीके से व्यवहार करता है। मेरे पास HTML पृष्ठ में कुछ डीआईवी के लिए परिभाषित इनलाइन शैलियों भी हैं। मैं उस डीवीवी के लिए सीएसएस कक्षा भी रख रहा हूं।

क्या कोई यह जान सकता है कि कौन सी उच्च प्राथमिकता लेगा या कौन सा पहले लोड करेगा?

Answer 1

आम तौर पर अंतिम नियम प्राथमिकता लेता है। ऐसा कहा जा रहा है कि, इनलाइन शैलियों में "अपवाद" बाहरी स्टाइलशीट पर एक प्राथमिकता लेते हैं (एक इनलाइन! महत्वपूर्ण बाहरी से महत्वपूर्ण है! महत्वपूर्ण, आदि), और अधिक विशिष्ट चयनकर्ता जेनेरिक चयनकर्ताओं को ओवरराइड करते हैं।

@http://www.w3.org/TR/CSS2/cascade.html

Answer 2

सीएसएस फ़ाइलें आदेश है कि वे पृष्ठ में दिखाई में लोड किए गए हैं यह सब के बारे में पढ़ें। यदि किसी सीएसएस फ़ाइल में कक्षा को फिर से परिभाषित किया गया है, तो यह पिछले वर्ग विवरणों को ओवरराइड कर देगा।

तो
div.sample { background: none; width: 200px }
और
div.sample { color: #FFF; width: 400px }
बन
div.sample { background: none; color: #FFF; width: 400px }

तुम भी नियम अन्य निर्धारित नियमों से प्राथमिकता दी जाती बनाने के लिए '! महत्वपूर्ण' ऐड उपयोग कर सकते हैं होगा।

तो
div.sample { background: none; width: 200px !important }
और
div.sample { color: #FFF; width: 400px }
बन जाएगा
div.sample { background: none; color: #FFF; width: 200px !important }

नोट: '! महत्वपूर्ण' बहुत से लोग के खिलाफ अपने सीएसएस फ़ाइलों में ऐड का उपयोग कर सलाह देगा। व्यक्तिगत रूप से, मुझे इसके साथ कुछ भी गलत नहीं लगता है।

Answer 3

प्रत्येक तत्व को अंतिम स्टाइल शीट से गुणों के आधार पर प्रस्तुत किया जाएगा, जहां से इसे चुना गया है। !important; के रूप में घोषित गुण अपवाद हैं। समस्या का एक हिस्सा यह है कि आपके पास 10 स्टाइल-शीट हैं।