Pemilih Keturunan dan Kelas dalam CSS

Katakan kita mempunyai kod berikut:

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

Mari pilih semua tajuk h2 dan perenggan yang berada di dalam elemen dengan kelas block, dan warnakan mereka dengan warna yang berbeza. Gunakan untuk ini pemilih keturunan (yang jarak antara pemilih):

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>