आप एलिमेंट्स के class एट्रिब्यूट के आधार पर स्टाइल नियम परिभाषित कर सकते हैं। उस क्लास वाले सभी एलिमेंट्स परिभाषित नियम के अनुसार फॉर्मेट किए जाएंगे।
.black {
color: #808000;
}
यह नियम हमारे दस्तावेज़ में class एट्रिब्यूट black पर सेट हर एलिमेंट के लिए कंटेंट को काले रंग में रेंडर करता है। आप इसे थोड़ा और विशिष्ट बना सकते हैं। उदाहरण के लिए:
h1.black {
color: #808000;
}
यह नियम केवल class एट्रिब्यूट black पर सेट <h1> एलिमेंट्स के लिए कंटेंट को काले रंग में रेंडर करता है।
आप दिए गए एलिमेंट पर एक से अधिक क्लास सेलेक्टर्स लागू कर सकते हैं। निम्नलिखित उदाहरण पर विचार करें:
<p class = "center bold">
This para will be styled by the classes center and bold. </p>
