Nesting CSS

If we want to inherit css property from other classes we can have nested css classes

Link to Github :Code


css

.box{
    width:100px;
    height:100px;
    margin-bottom: 10px;
 }
.blueBox{
    background: #627da0;
}
.greenBox{
    background:#5b8054;
}

html

<p>
    Default CSS Positioning
</p>
<div class="box blueBox"></div>
<div class="box greenBox"></div>

Output