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