कैस्केड सीएसएस स्टाइल शीट्स को इतना उपयोगी बनाता है। संक्षेप में, कैस्केड प्राथमिकता के क्रम को परिभाषित करता है कि विरोधाभासी शैलियों को कैसे लागू किया जाना चाहिए। दूसरे शब्दों में, यदि आपके पास दो शैलियों हैं:
पी {रंग: लाल; }पी {रंग: नीला; }
कैस्केड निर्धारित करता है कि पैराग्राफ कौन सा रंग होना चाहिए, भले ही स्टाइल शीट कहती है कि वे दोनों लाल और नीले रंग के होने चाहिए। आखिरकार अनुच्छेदों पर केवल एक रंग लागू किया जा सकता है, इसलिए एक आदेश होना चाहिए। और यह आदेश लागूकर्ताओं द्वारा किया जाता है (द पी उपर्युक्त उदाहरण में) उच्चतम प्राथमिकता है और दस्तावेज़ में वे किस क्रम में दिखाई देते हैं।
निम्न सूची एक सरलीकरण है कि आपका ब्राउज़र शैली के लिए प्राथमिकता कैसे तय करता है:
- तत्व से मेल खाने वाले चयनकर्ता के लिए स्टाइल शीट में देखें। यदि कोई परिभाषित शैलियों नहीं हैं, तो ब्राउज़र में डिफ़ॉल्ट नियमों का उपयोग करें
- चिह्नित चयनकर्ताओं के लिए स्टाइल शीट में देखें
!जरूरीऔर उचित तत्वों पर लागू करें। - स्टाइल शीट में सभी शैलियों डिफ़ॉल्ट ब्राउज़र शैलियों को ओवरराइड कर देंगे (उपयोगकर्ता स्टाइल शीट के मामले में छोड़कर)।
- शैली चयनकर्ता जितना अधिक विशिष्ट होगा, उतना ही अधिक प्राथमिकता होगी। उदाहरण के लिए,
div> पी। क्लाससे अधिक विशिष्ट हैp.classजो से अधिक विशिष्ट हैपी. - अंत में, यदि दो नियम एक ही तत्व पर लागू होते हैं और वही चयनकर्ता प्राथमिकता रखते हैं, जो लोड किया गया था अंतिम आवेदन किया जाएगा। दूसरे शब्दों में, स्टाइल शीट को ऊपर से नीचे तक पढ़ा जाता है, और शैलियों को एक दूसरे के शीर्ष पर लागू किया जाता है।
उन नियमों के आधार पर, उपर्युक्त उदाहरण में, पैराग्राफ नीले रंग में लिखे जाएंगे, क्योंकि पी {रंग: नीला; } स्टाइल शीट में आखिरी बार आता है।
यह कैस्केड का एक बहुत ही सरल स्पष्टीकरण है। यदि आप कैस्केड कैसे काम करते हैं, इस बारे में अधिक जानने में रुचि रखते हैं, तो आपको कैस्केडिंग स्टाइल शीट्स में "कैस्केड" का अर्थ क्या पढ़ना चाहिए?
