JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">
    <div class="foo2">
        Foo2
    </div>
</div>

CSS

.foo {
    height: 100px; /*try changing this */
    background-color: yellow; /*it wont show*/
}

.foo2 {
    height: inherit;
    background-color: green; /*it will show*/
}