Нижний регистр всех, затем заглавные буквы - чистый CSS [дубликаты]

На этот вопрос уже есть ответ:

Сначала строчный текст, затем заглавные. Возможно ли это с помощью CSS? 2 ответа

Я видел эту тему здесь: Сначала строчный текст, затем заглавные. Возможно ли это с помощью CSS?

Но это был не чистый CSS. У меня есть div, который содержит этот текст:

<div>
RaWr rAwR
</div>

Я хочу использовать css, чтобы он выглядел как "Rawr Rawr". Вырезать, если я просто преобразую текст в заглавные буквы, это делает его "RaWr RAwR", уже прописные буквы остаются заглавными. Так что мне нужно сначала все прописать, а потом использовать заглавную букву, есть ли решение обернуть это в div?

Я пытался обернуть его в другой div, но это не сработало:

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

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

Ответы на вопрос(4)

Ваш ответ на вопрос