स्पेसिफिसिटी

स्पेसिफिसिटी का क्रम

सबसे मज़बूत से सबसे कमज़ोर: इनलाइन स्टाइल, फिर id सेलेक्टर, फिर class/attribute/pseudo-class सेलेक्टर, फिर element/pseudo-element सेलेक्टर। फ़ाइल में क्रम चाहे जो हो, ज़्यादा विशिष्ट जीतता है।

कौन जीतता है?

#title रूल जीतता है भले ही वह पहले लिखा गया हो — id, class को हराता है।

#title { color: red; }      /* specificity: 1 id */
.heading { color: blue; }   /* specificity: 1 class */
/* result: text is red */

त्वरित जाँच: एक ही एलिमेंट पर क्लास सेलेक्टर और id सेलेक्टर में से कौन जीतता है?

• जो बाद में लिखा गया हो
• id सेलेक्टर
• क्लास सेलेक्टर