Afstammelingselektor en klasse in CSS

Gestel ons het die volgende kode:

html<div class="block">
  <h2>Titel</h2>
  <p>
    teks
  </p>
</div>
<div class="block">
  <h2>Titel</h2>
  <p>
    teks
  </p>
</div>

Kom ons kies alle h2-opskrifte en paragrawe wat binne die element met die klas block is, en gee hulle verskillende kleure. Ons sal die afstammelingselektor (wat 'n spasie tussen selektore is) hiervoor gebruik:

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

html<p class="eee">
  teks <i>kursief</i>
</p>
<p class="eee">
  teks <i>kursief</i>
</p>
<div class="eee">
  teks <i>kursief</i>
</div>
<div class="eee">
  teks <i>kursief</i>
</div>