सीएसएस में दिए गए वर्ग के साथ टैग

मान लीजिए कि हमारे पास समान वर्गों वाले दो प्रकार के टैग हैं। उदाहरण के लिए, मान लीजिए कि शीर्षक h2, और पैराग्राफ दोनों का एक ही वर्ग है:

<h2 class="eee">शीर्षक</h2>
<p class="eee">
	पाठ
</p>

<h2 class="eee">शीर्षक</h2>
<p class="eee">
	पाठ
</p>

हम उदाहरण के लिए, ऐसे सभी तत्वों को लाल रंग में रंग सकते हैं:

.eee {
	color: red;
}

हालाँकि, किसी विशिष्ट टैग को उसके वर्ग के साथ चुनना संभव है। उदाहरण के लिए, सभी h2 टैग जिनका वर्ग eee है, को अलग से चुना जा सकता है और सभी p टैग जिनका यही वर्ग है, को अलग से चुना जा सकता है।

ऐसा करने के लिए, चयनकर्ता में टैग का नाम लिखना होगा, और फिर सटे हुए (बिना स्पेस) वर्ग का नाम लिखना होगा। चलिए, उदाहरण के लिए, हमारे वर्ग वाले h2 टैग को लाल रंग में रंगते हैं, और इसी वर्ग वाले पैराग्राफ को - हरे रंग में:

h2.eee {
	color: red;
}
p.eee {
	color: green;
}

निम्नलिखित कोड दिया गया है:

<h2 class="header">पाठ</h2>
<h2 class="header">पाठ</h2>
<h3 class="header">पाठ</h3>
<h3 class="header">पाठ</h3>

.header {
	color: red;
}

वर्ग header वाले सभी h2 का आकार 40px कर दें, और इसी वर्ग वाले सभी h3 का आकार 30px कर दें।