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