JSFiddle - React, Tailwind, and code Playground

by Aniruddha Galgali

HTML

<body>
<div class="mystyle">
<textarea class="mynestedstyle">coww</textarea>
</div>
</body>

CSS

.mystyle{
 overflow: hidden;
 background: yellow;
 width="200";
}
.mystyle .mynestedstyle {
 overflow: hidden;
 background: aqua;
}
.mystyle:hover{
 overflow: auto;
 background: blue;
}

.mystyle .mynestedstyle:hover{
 overflow: hidden;
 background: pink;
}