p:first-child precedido de otro tag no funciona

[kseso?]

Efectívamente, Bonez, el pseudoselector no se lee como "el primer p hijo de..." sino "el primer elemento que siendo p sea el primer hijo de"
Hay una doble condición.

En este caso yo utilizaría el selector:

Código CSS:

section p:nth-of-type(-n+1){
    color: green;
}