Selectores anidados - comportamiento extraño

Pregunta básica:
A este código
<div>
<p>
hola1
<h1>p adentro de div adentro de div</h1>
hola2
</p>
</div>
le aplico este css
div p{
color:red;
}
y hola 1 se ve rojo y hola2 no ¿porqué?

no puedes color car un h1 dentro de un p

Parte las etiquetas p. es decir, pon:

Código HTML :

<p>
hola1
</p>
   <h1>p adentro de div adentro de div</h1>
<p>   
hola2
</p>

Un saludo,
David
estudio de diseño grafico