CSS चयनकर्ता विशिष्टता और प्राथमिकता

जब एकाधिक सीएसएस चयनकर्ता एक ही तत्व पर लागू होते हैं, तो ब्राउज़र को यह निर्धारित करना होगा कि कौन सा चयनकर्ता प्राथमिकता लेता है। इसे चयनकर्ता विशिष्टता के रूप में जाना जाता है। ]

शैली का उपयोग करके !महत्वपूर्ण ध्वज या इनलाइन के साथ घोषित शैलियाँ विशेषता को सर्वोच्च प्राथमिकता दी जाती है। इसके घटकों की संख्या और प्रकार:

1. #id

   की तुलना में अधिक विशिष्टता है .classname

   • .classname
   की विशिष्टता
   tagname

2. • अंतिम नियम प्रचलित:

     • यदि दो चयनकर्ताओं की विशिष्टता समान है, तो सीएसएस फ़ाइल में अंतिम घोषित किए गए चयनकर्ता को प्राथमिकता दी जाती है।
     • उदाहरण:निम्नलिखित सीएसएस पर विचार करें नियम:
   बॉडी {फ़ॉन्ट-आकार: 14px; } #हेडर {फ़ॉन्ट-आकार: 16px; }
के भीतर

तत्व के लिए, दोनों नियम लागू होते हैं। हालाँकि, चूंकि #header चयनकर्ता में उच्च विशिष्टता (#id > tagname) है, इसलिए इसका 16px का फ़ॉन्ट-आकार मान

तत्व पर लागू किया जाएगा।

3. नोट:

   विभिन्न स्तरों की विशिष्टता के साथ एक ही तत्व को लक्षित करने वाले कई नियमों का होना असामान्य नहीं है। इसका उपयोग विशिष्ट मामलों के लिए शैलियों को परिष्कृत करने या विशिष्ट उदाहरणों के लिए वैश्विक नियमों को ओवरराइड करने के लिए किया जा सकता है।