JSFiddle - React, Tailwind, and code Playground
HTML
<div id="first">
我是第一個DIV
</div>
<div id="hoverme">
<div id="second" class="hidden">
我是第二個DIV,你想開美甲店嗎?
</div>
</div>
CSS
#first {
width: 100px;
height: 100px;
background-color: #00ff33;
}
#second {
width: 100px;
height: 100px;
background-color: #00ff33;
visibility: hidden;
}
#hoverme {
width: 100px;
height: 100px;
}
#hoverme:hover #second {
background-color: #ff9355;
visibility: visible;
}