p:first-child precedido de otro tag no funciona

[alivan]

Hoy me di cuenta de esto y me estuve comiendo la cabeza un buen rato. ¿Por qué si hago esto no funciona? Es muy curioso... ¿Hay alguna razón?

Código HTML:

<style type="text/css">
section p:first-child{
    color: green;
}
</style>
 
<section>
    <div>
        <ul>
            <li>lista con</li>
            <li>varios elementos</li>
        </ul>
        <p>Párrafo coloreado</p>
        <p>Otro párrafo</p>
    </div>
</section>
 

¿No se permite usar el selector :first-child cuando en la misma capa les preceden otros elementos distintos?

En este caso la solución es simple, se puede usar ul+p, pero aun así me intriga.