कैस्केडिंग स्टाइल शीट्स या सीएसएस सेट अप हैं ताकि आप एक ही तत्व को प्रभावित करने वाले कई गुण प्राप्त कर सकें। उनमें से कुछ गुण एक दूसरे के साथ संघर्ष कर सकते हैं। उदाहरण के लिए, आप अनुच्छेद टैग पर लाल रंग का फ़ॉन्ट रंग सेट कर सकते हैं और फिर बाद में, नीले रंग का फ़ॉन्ट रंग सेट कर सकते हैं। ब्राउजर को पैराग्राफ बनाने के लिए कौन सा रंग पता है? यह कैस्केड द्वारा तय किया जाता है।
स्टाइल शीट के प्रकार
स्टाइल शीट के तीन अलग-अलग प्रकार हैं:
- लेखक स्टाइल शीट्स
- ये वेब पेज के लेखक द्वारा बनाई गई स्टाइल शीट हैं। वे ज्यादातर लोग सोचते हैं कि जब वे सीएसएस स्टाइल शीट्स के बारे में सोचते हैं।
- उपयोगकर्ता स्टाइल शीट्स
- उपयोगकर्ता शैली पत्रक वेब पेज के उपयोगकर्ता द्वारा सेट किए जाते हैं। ये उपयोगकर्ताओं को पृष्ठों को प्रदर्शित करने के तरीके पर अधिक नियंत्रण रखने की अनुमति देते हैं।
- उपयोगकर्ता एजेंट स्टाइल शीट्स
- ये वे शैलियों हैं जो उस पृष्ठ को प्रदर्शित करने में सहायता के लिए वेब ब्राउज़र पृष्ठ पर लागू होती हैं। उदाहरण के लिए, एक्सएचटीएमएल में, अधिकांश दृश्य उपयोगकर्ता एजेंट टैग को इटालिसिक टेक्स्ट के रूप में प्रदर्शित करते हैं । यह उपयोगकर्ता एजेंट स्टाइल शीट में परिभाषित किया गया है।
उपरोक्त स्टाइल शीट में से प्रत्येक में परिभाषित गुणों को वजन दिया जाता है। डिफ़ॉल्ट रूप से, लेखक स्टाइल शीट में सबसे अधिक वजन होता है, उसके बाद उपयोगकर्ता स्टाइल शीट और अंततः उपयोगकर्ता एजेंट स्टाइल शीट द्वारा। इसका एकमात्र अपवाद उपयोगकर्ता शैली शीट में महत्वपूर्ण नियम के साथ है। लेखक की स्टाइल शीट की तुलना में इसका वजन अधिक है।
कैस्केडिंग ऑर्डर
विवादों को हल करने के लिए, वेब ब्राउज़र निम्न क्रमबद्ध क्रम का उपयोग यह निर्धारित करने के लिए करते हैं कि किस शैली की प्राथमिकता है और इसका उपयोग किया जाएगा:
- सबसे पहले, प्रश्न में तत्व पर लागू होने वाली सभी घोषणाओं और असाइन किए गए मीडिया प्रकार के लिए देखें।
- फिर देखें कि यह किस स्टाइल शीट से आ रहा है। उपर्युक्त के रूप में, लेखक स्टाइल शीट पहले आते हैं, फिर उपयोगकर्ता, फिर उपयोगकर्ता एजेंट। साथ! महत्वपूर्ण उपयोगकर्ता शैलियों लेखक की तुलना में उच्च प्राथमिकता है! महत्वपूर्ण शैलियों।
- चयनकर्ता जितना अधिक विशिष्ट होगा, उतना ही अधिक प्राथमिकता मिलेगी। उदाहरण के लिए, "div.co p" पर एक शैली की "पी" टैग पर एक की तुलना में अधिक प्राथमिकता होगी।
- आखिरकार, उन नियमों को क्रमबद्ध करें जिन्हें वे परिभाषित किए गए थे। दस्तावेज़ पेड़ में बाद में परिभाषित नियमों को पहले परिभाषित की तुलना में अधिक प्राथमिकता है। और एक आयातित स्टाइल शीट से नियम सीधे स्टाइल शीट में नियमों के समक्ष माना जाता है।