Nachfahrenselektor und Klassen in CSS

Nehmen wir an, wir haben den folgenden Code:

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

Lassen Sie uns alle Überschriften h2 und Absätze auswählen, die sich innerhalb eines Elements mit der Klasse block befinden, und sie in verschiedenen Farben einfärben. Verwenden wir dafür den Nachfahrenselektor (das ist das Leerzeichen zwischen den Selektoren):

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>