Esta pregunta ya tiene una respuesta aquí:

Vi este tema aquí:Primero en minúscula el texto y luego capitalízalo. ¿Es posible con CSS?

Pero no era puro CSS. Tengo un div que contiene este texto:

<div>
RaWr rAwR
</div>

Quiero usar CSS para que se vea como "Rawr Rawr". Cortar si solo para transformar texto en mayúscula lo convierte en "RaWr RAwR", las letras mayúsculas ya permanecen en mayúsculas. Entonces, primero necesito poner en minúscula todo y luego poner en mayúscula, ¿es la solución envolverlo en un div?

Intenté envolverlo en otro div pero no funcionó:

<style>
    #test3 { text-transform: lowercase; }
    #test3 div { text-transform: capitalize; }
</style>

<div id="test3"><div>RaWr rAwR</div></div>