JSFiddle - React, Tailwind, and code Playground

HTML

<div class="magic">
    <dl>
        <dt>Foo</dt>
        <dd class="whatever">Bar
            <ul>
                <li>Baz</li>
            </ul>
        </dd>
    </dl>
</div>

CSS

div.magic dl > dd.whatever {
    padding-left: 20px;
    font-size: 20px;
}