बेसिक सेलेक्टर्स

एलिमेंट, क्लास, id

p हर <p> को चुनता है। .name class="name" वाले किसी भी एलिमेंट को। #name id="name" वाले एक ही एलिमेंट को।

तीनों सेलेक्टर उपयोग में

असली स्टाइलशीट में क्लास सेलेक्टर सबसे ज़्यादा दोबारा उपयोग होते हैं।

p { line-height: 1.6; }

.highlight {
  background-color: yellow;
}

#header {
  font-size: 24px;
}

पुनः-उपयोगी बनाम अद्वितीय

क्लास कई एलिमेंट पर उपयोग हो सकती है; id प्रति पेज एक बार होनी चाहिए। स्टाइलिंग के लिए क्लास प्राथमिकता दें — id को JS हुक और एंकर के लिए बचाएँ।