Beispiel mit Nachfolge-Regeln:
div > em: bedeutet, wenn ein em direkt in einem div-Abschnitt liegt
div em: bedeutet, wenn ein em irgendwo in einem div-Abschnitt liegt
div + em: bedeutet, wenn ein em direkt nach einem div-Abschnitt liegt
div * em: bedeutet, wenn ein em mindestens zwei Stufen einem div-Abschnitt liegt
div > em überschreibt div em

a) 2. Überschrift, nicht im Absatz, normale Farbe, okay

b) 3. Überschrift, IM Absatz

c) 2. Überschrift, IM Absatz, p > h1, blau
d) 2. Überschrift, IM Absatz, p>h2 UND p h2, blau oder rot
e) em, nach einem Absatz, h2 nach p, p+h2; okay

2. Überschrift

f) em, in einem Absatz, rot
g) em, in einem Absatz, rot