Palikuonių selektorius ir klasės CSS

Tarkime, kad turime tokį kodą:

html<div class="block">
  <h2>Pavadinimas</h2>
  <p>
    tekstas
  </p>
</div>
<div class="block">
  <h2>Pavadinimas</h2>
  <p>
    tekstas
  </p>
</div>

Pažymime visus antraštes h2 ir paragrafus, esančius elemento su klase block viduje, ir nudažykime juos skirtingomis spalvomis. Naudokime tam palikuonių selektorių (tai yra tarpas tarp selektorių):

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

html<p class="eee">
  tekstas <i>kursyvas</i>
</p>
<p class="eee">
  tekstas <i>kursyvas</i>
</p>
<div class="eee">
  tekstas <i>kursyvas</i>
</div>
<div class="eee">
  tekstas <i>kursyvas</i>
</div>