Селектор потомка и класе у ЦСС-у

Нека имамо следећи код:

html<div class="block">
  <h2>Наслов</h2>
  <p>
    текст
  </p>
</div>
<div class="block">
  <h2>Наслов</h2>
  <p>
    текст
  </p>
</div>

Хајде да изаберемо све наслове h2 и пасусе који се налазе унутар елемента са класом block и да их обојимо у различите боје. Користимо за то селектор потомка (који је размак између селектора):

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

html<p class="eee">
  текст <i>курзив</i>
</p>
<p class="eee">
  текст <i>курзив</i>
</p>
<div class="eee">
  текст <i>курзив</i>
</div>
<div class="eee">
  текст <i>курзив</i>
</div>