आप तत्वों की वर्ग विशेषता के आधार पर शैली के नियमों को परिभाषित कर सकते हैं। उस वर्ग वाले सभी तत्वों को परिभाषित नियम के अनुसार स्वरूपित किया जाएगा।

.black {
   color: #808000;
}

यह नियम हमारे दस्तावेज़ में वर्ग विशेषता के साथ काले रंग में सेट प्रत्येक तत्व के लिए सामग्री को काले रंग में प्रस्तुत करता है। आप इसे थोड़ा और खास बना सकते हैं। उदाहरण के लिए:

h1.black {
   color: #808000;
}

यह नियम केवल

तत्वों के लिए सामग्री को काले रंग में प्रस्तुत करता है, जिसमें वर्ग विशेषता काली पर सेट है।

आप दिए गए तत्व के लिए एक से अधिक वर्ग चयनकर्ताओं को लागू कर सकते हैं। निम्नलिखित उदाहरण पर विचार करें:

<p class = "center bold">
   This para will be styled by the classes center and bold.
</p>