Селектар нашчадкаў і класы ў CSS

Хай у нас ёсць наступны код:

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

Давайце выберым усе загалоўкі h2 і абзацы, якія знаходзяцца ўнутры элемента з класам block, і пафарбуем іх у розныя колеры. Выкарастаем для гэтага селектар нашчадкаў (які прабел паміж селектарамі):

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>