Selektor Keturunan dan Kelas dalam CSS

Misalkan kita memiliki kode berikut:

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

Mari kita pilih semua judul h2 dan paragraf yang berada di dalam elemen dengan kelas block, dan warnai mereka dengan warna yang berbeda. Gunakan untuk ini selektor keturunan (yang spasi di antara selektor):

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>