<div class="a">
<div class="b">
<div class="c">
<div class="d">
<div class="e">
<div class="f">
<div class="g">
<div class="h">
<div class="i">
<div class="j">
<div class="k" id="root"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
#root {
width: 100px;
height: 100px;
border: 1px solid red;
}
.a .b .c .d .e .f .g .h .i .j .k{
width: 500px;
height: 400px;
border: 1px solid #000;
}