Hola, porque el tercer parrafo(class="parrafoanidado") no toma como referencia de tamaño de fuente a su elemento padre(class="fuente2").
mi otra pregunta es que si un elemento, por ejemplo un parrafo no tiene un elemento padre del que tomar referencia para sus valores de tamaño de fuente en em ¿sigue subiendo hasta encontrar uno que si lo tenga?, espero que mis preguntas hayan sido claras, gracias.
este es el CSS:
body{font-size:1em;}
p.fuente2{font-size:2em;}
p.parrafoanidado{font-size:2em;}
este es el html:
<p>
El tamaño del texto es de 1em
<p class="fuente2">
El tamaño del texto es de 2em
<p class="parrafoanidado">
Cual es el tamaño de mi fuente
</p>
</p>
</p>