Jälkeläisvalitsija ja luokat CSS:ssä

Oletetaan, että meillä on seuraava koodi:

html<div class="block">
  <h2>Otsikko</h2>
  <p>
    teksti
  </p>
</div>
<div class="block">
  <h2>Otsikko</h2>
  <p>
    teksti
  </p>
</div>

Valitaan kaikki otsikot h2 ja kappaleet, jotka sijaitsevat luokan block elementin sisällä, ja väritetään ne eri väreihin. Käytetään tähän jälkeläisvalitsijaa (mikä on väli selektoreiden välillä):

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

html<p class="eee">
  teksti <i>kursivoitu</i>
</p>
<p class="eee">
  teksti <i>kursivoitu</i>
</p>
<div class="eee">
  teksti <i>kursivoitu</i>
</div>
<div class="eee">
  teksti <i>kursivoitu</i>
</div>