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

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

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

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

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

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