JSFiddle - React, Tailwind, and code Playground

by Ngoc Hieu

HTML

<div class="cha">
    <div class="con">
    </div>
</div>

CSS

.cha{
    width: 200px;
    height:200px;
    background: red;
    padding: 50px 0 0 0;
}
.con{
    width:100px;
    height:100px;
    margin:auto;
    background: black;
}
.cha < .con:hover{
    background: blue;
}