क्यासस्केडिङ स्टाइल पानामा मा केस्केड के सिक्नुहोस्

CSS Short Course

क्यास्केड भनेको के हो जुन CSS शैली पाना धेरै उपयोगी बनाउँछ। छोटोमा, क्यास्परले कसरी विरोधाभास शैलीहरू लागू गर्नका लागि पूर्वनिर्धारित आदेश परिभाषित गर्दछ। अन्य शब्दहरूमा, यदि तपाईसँग दुई शैलीहरू छन्:

p {रंग: रातो; }
p {रंग: नीला; }

क्यास्केडले निर्धारण गर्दछ जुन अनुच्छेदहरू अनुकुल हुनुपर्छ, हुनत शैली पानाले भन्छ कि तिनीहरू रातो र नीलो दुवै हुनुपर्दछ। अंततः केवल एक रङ अनुच्छेदमा लागू गर्न सकिन्छ, त्यसैले त्यहाँ एउटा आदेश हुनु पर्छ।

र यो क्रमले चयन गरेको चयनकर्ताहरू (माथिको उदाहरणमा P) उच्चतम प्राथमिकता छ र तिनीहरू कागजातमा देखा पर्छन्।

निम्न सूची एक सरलीकरण हो कि तपाईको ब्राउजरले कसरी शैलीको लागि पूर्वनिर्धारित निर्णय गर्दछ:

  1. तत्वलाई मिल्दो चयनकर्ताको लागि शैली पानामा हेर्नुहोस्। यदि कुनै परिभाषित शैलीहरू छैनन् भने, ब्राउजरमा पूर्वनिर्धारित नियमहरू प्रयोग गर्नुहोस्
  2. चिन्ह लगाइएको चयनकर्ताहरूको लागि शैली पानामा हेर्नुहोस्! महत्त्वपूर्ण र उपयुक्त तत्वहरूमा ती अनुप्रयोगहरू।
  3. सबै शैलीहरू शैली पानामा पूर्वनिर्धारित ब्राउजर शैलीहरू ओभरराइड गर्नेछ (प्रयोगकर्ता शैली पानाहरूको बाहेक)।
  4. अधिक विशिष्ट शैली चयनकर्ता, यो उच्च प्राथमिकता हुनेछ। उदाहरणका लागि, div> p.class p.class भन्दा बढी निर्दिष्ट छ जुन p भन्दा बढी विशिष्ट छ।
  5. अन्तमा, यदि दुई नियम एउटै तत्वमा लाग्दछ र एउटै छनौट पूर्वनिर्धारित हुन्छ, जुन अन्तिम लोड भएको थियो लागू गरिनेछ। अन्य शब्दहरूमा, स्टाइल पाना माथिबाट तल पढ्न सकिन्छ, र शैलीहरू एकअर्कामा माथि लागू हुन्छ।

ती नियमहरूमा आधारित, माथिको उदाहरणमा, अनुच्छेदहरू नीलोमा लेखिने छन्, किनभने p {रङ: नीलो; } शैली पानामा अन्तिम आउछ।

यो क्यास्केडको एक धेरै सरल व्याख्या हो। यदि तपाईं क्यास्केड कसरी काम गर्नुहुन्छ भन्ने बारेमा थप रुचि राख्नुहुन्छ भने, तपाईंले "क्यास्केड" क्यासिंगिङ स्टाइल पानाहरूमा के गर्छ भनेर पढ्न चाहनुहुन्छ?