selecionar el primer elemento hijo no funciona

[pzin]

Claro, te muestra rojo los dos párrafos porque tienes dos párrafos que son los los primeros hijos de .capa.

¿O quieres hacer algo así?

Código CSS:

.capa:first-child p {
  color:red;
}
 

¿O así?

Código CSS:

.capa:first-child p:first-child{
  color:red;
}