JSFiddle - React, Tailwind, and code Playground

HTML

<div class="A E F">
    <div class="B">
        <div class="C">
            <div class="D">
                <span>17590</span>
                <span>Points</span>
            </div>
        </div>
    </div>
</div>

CSS

.A .B .C span {
    font-size: .95em;
}

.A.E.F .C .D /* span */ {
    font-size: 1em;
}