verschachtelte HTML-Elemente in Individualformaten

[Gunnar Bittersmann]

Hello out there!

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

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;
}

Richtig, das wird vererbt.

aber vermutlich wird auch das von:
h1 {
  font-size: 2em;
}
wieder überschreiben.

Nein, es gelten beide Angaben. Die '2em' beziehen sich auf die Schriftgröße des 'div, so dass die Schriftgröße das Dreifache der des Fließtextes beträgt.

h1 #header {
  font-size: 1.5em;
}
sagt ja das eine <h1 id="header"> 1.5em hat.

Nein, tut es nicht. Mit Leerzeichen ist es ein Selektor für Nachfahren.

See ya up the road,
Gunnar