Επιλογέας Απογόνων και Κλάσεις στο CSS

Ας υποθέσουμε ότι έχουμε τον ακόλουθο κώδικα:

html<div class="block">
  <h2>Title</h2>
  <p>
    text
  </p>
</div>
<div class="block">
  <h2>Title</h2>
  <p>
    text
  </p>
</div>

Ας επιλέξουμε όλους τους τίτλους h2 και τις παραγράφους που βρίσκονται μέσα σε ένα στοιχείο με κλάση block, και ας τα χρωματίσουμε με διαφορετικά χρώματα. Θα χρησιμοποιήσουμε για αυτό τον επιλογέα απογόνων (ο οποίος είναι το κενό μεταξύ των επιλογέων):

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

html<p class="eee">
  text <i>italic</i>
</p>
<p class="eee">
  text <i>italic</i>
</p>
<div class="eee">
  text <i>italic</i>
</div>
<div class="eee">
  text <i>italic</i>
</div>