Paano maipakita ang elemento kapag nagpalapit ang mouse

Matutunan kung paano maipakita ang elemento kapag nagpalapit ang mouse

Nagpalapit ang mouse sa akin.
Kapag nagpalapit ang mouse sa itaas na div, papakita ko na.

Paano maipakita ang elemento kapag nagpalapit ang mouse

Unang hakbang - Magdagdag ng HTML:

<div class="myDIV">Nagpalapit ang mouse sa akin.</div>
<div class="hide">Kapag nagpalapit ang mouse sa itaas na div, papakita ko na.</div>

Ikalawa na - Magdagdag ng CSS:

.hide {
  display: none;
}
.myDIV:hover + .hide {
  display: block;
  color: red;
}

Subukan nang personal

Pagsasalin ng halimbawa:

Malapit na同级selector (+) Ang lahat ng elemento na malapit sa tinukoy na elemento.

Ang kahulugan ng salitang "malapit" ay "nakasunod-sunod", ang halimbawa ay pinili ang lahat ng may class=".hide" Ang mga elemento, ang mga ito ay naipalagay sa tabi nang maghahalili sa nagkaroon ng class=".myDIV" 的元素之后。

相关页面

教程：CSS 组合器