JSFiddle - React, Tailwind, and code Playground

HTML

<div id="waferviz">
    <div id="waferviz1">
        <div class="waferviz">
            <b>What?</b>
            <div class="wafer_summary">
                <b>Hello</b>
                <div class="metadata">
                    <b>Goodbye</b>
                </div>
            </div>
        </div>
    </div>
</div>

CSS

b { color: red; }
#waferviz .waferviz .wafer_summary b { color: navy; }
#waferviz .waferviz .wafer_summary .metadata b { color: black; }