Järeltulija valijad ja klassid CSS-is

Oletagem, et meil on järgmine kood:

html<div class="block">
  <h2>Pealkiri</h2>
  <p>
    tekst
  </p>
</div>
<div class="block">
  <h2>Pealkiri</h2>
  <p>
    tekst
  </p>
</div>

Valime kõik pealkirjad h2 ja lõigud, mis asuvad klassi block omava elemendi sees, ja värvime need erinevatesse värvidesse. Kasutame selleks järeltulija valijat (mis on tühik valijate vahel):

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

html<p class="eee">
  tekst <i>kaldkiri</i>
</p>
<p class="eee">
  tekst <i>kaldkiri</i>
</p>
<div class="eee">
  tekst <i>kaldkiri</i>
</div>
<div class="eee">
  tekst <i>kaldkiri</i>
</div>