.outer-div {
width: 400px;
height: 400px;
padding: 50px;
float: left
}
.inner-div {
width: 200px;
height: 200px;
float: left;
background: yellow;
padding: 50px;
}
<div class="outer-div">
<div class="inner-div">
I want to change outer-div(Background color) class based on inner-div.
Is it possible?
</div>
</div>