आप एलिमेंट्स के id एट्रिब्यूट के आधार पर स्टाइल नियम परिभाषित कर सकते हैं। उस id वाले सभी एलिमेंट्स परिभाषित नियम के अनुसार फॉर्मेट किए जाएंगे।
#black {
color: #000000;
}
यह नियम हमारे दस्तावेज़ में id एट्रिब्यूट black पर सेट हर एलिमेंट के लिए कंटेंट को काले रंग में रेंडर करता है। आप इसे थोड़ा और विशिष्ट बना सकते हैं। उदाहरण के लिए:
h1#black {
color: #000000;
}
यह नियम केवल id एट्रिब्यूट black पर सेट <h1> एलिमेंट्स के लिए कंटेंट को काले रंग में रेंडर करता है।
ID सेलेक्टर्स की असली शक्ति तब होती है जब उन्हें डिसेंडेंट सेलेक्टर्स के फाउंडेशन के रूप में उपयोग किया जाता है। उदाहरण के लिए:
#black h2 {
color: #000000;
}
इस उदाहरण में, सभी लेवल 2 हेडिंग्स काले रंग में प्रदर्शित होंगे जब वे हेडिंग्स id एट्रिब्यूट black पर सेट टैग्स के भीतर होंगे।
