JSFiddle - React, Tailwind, and code Playground

HTML

<div class="some_class">
    Some class
    <div class="intermediate_div">
        Intermediate
        <div id="div1" class="sub_div">Sub Div</div>
    </div>
</div>

CSS

#div1 {
    color: grey;
    background-color: black;
}
.some_class {
    color: red;
}
.intermediate_div {
    background-color: blue;
}
.intermediate_div .sub_div {
    background-color: orange;
}
.some_class .sub_div {
    background-color: green;
}