JSFiddle - React, Tailwind, and code Playground

HTML

<div id='container'>
    <div><span>This div is nested!!</span></div>
    <div id='nested-div'><span>This div is nested with an ID!!</span></div>
</div>

CSS

#container{
    width:695px;
    height:391px;
    background-color: lightblue;
    padding: 30px;
}

#container div{
    width:195px;
    height:191px;
    background-color: red;    
}

#container #nested-div{
    width:195px;
    height:191px;
    background-color: green;    
}