verschachtelte HTML-Elemente in Individualformaten

[Hase]

<h1>Überschrift wird 2em gross</h1>

<div id=header>
<h1>Überschrift wird 1.5em gross</h1>
</div>

Ich bin mir nicht 100% sicher, aber:
Hier ist Deine H1 eine H1 ohne ID!. Also 2em groß.

Vielleicht andersrum, dann sollte es an die Kindelmente vererbt werden. Mache die 1.5em Angabe beim div:

#header {
  background-color: white;
  font-size: 1.5em;
}

aber vermutlich wird auch das von:

h1 {
  font-size: 2em;
}

wieder überschreiben.

h1 #header {
  font-size: 1.5em;
}

sagt ja das eine <h1 id="header"> 1.5em hat.

eine <h1> ohne ID interssiert das nicht.