JSFiddle - React, Tailwind, and code Playground

HTML

Outside of container
<div id="container">
    Container
    <div id="parent">
        Parent
        <div id="a">inherit</div>
        <div id="b">default</div>
        <div id="c">initial</div>
    </div>
</div>

CSS

body {
    font-size: 4px;
}

#container { font-size: 64px; }
#parent    { font-size: 48px; }

div {
    /* lower in the cascade */
    font-size: 32px;
}

#a { font-size: inherit; }
#b { font-size: default; }
#c { font-size: initial; }