Thortrance: Verständnisproblem bei CSS-Vererbung

Beitrag lesen

Hallo,

ich verstehen diesen Code nicht so richtig:

<html>
<head>
<style>
    div { color:red; }
</style>
</head>
<body>
    <div style="color:blue;">
        Hallo
        <div>
            Welt
        </div>
    </div>
</body>
</html>

Warum wird das "Welt" nicht blau angezeigt? Warum wird es nicht vom übergeordnetetn Div-Container vererbt, sondern von der Angabe im Style-Tag?

Gruß,
Thortrance