सीएसएस में डिसेंडेंट सेलेक्टर और क्लासेस

मान लीजिए हमारे पास निम्नलिखित कोड है:

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

आइए सभी h2 हेडिंग और block क्लास वाले एलिमेंट के अंदर मौजूद पैराग्राफ चुनें, और उन्हें अलग-अलग रंगों में रंगें। इसके लिए हम डिसेंडेंट सेलेक्टर (जो सेलेक्टरों के बीच स्पेस है) का उपयोग करेंगे:

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

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

<p class="eee">
	पाठ <i>इटैलिक</i>
</p>
<p class="eee">
	पाठ <i>इटैलिक</i>
</p>
<div class="eee">
	पाठ <i>इटैलिक</i>
</div>
<div class="eee">
	पाठ <i>इटैलिक</i>
</div>

eee क्लास वाले एलिमेंट्स के अंदर मौजूद सभी i टैग को लाल रंग में रंगें।