Hur man visar element vid muspekare

Lär dig hur man visar element vid muspekare

Hover över mig.
Visa mig när någon hoverar över den här div:n.

Hur man visar element vid muspekare

Steg 1 - Lägg till HTML:

<div class="myDIV">Hover över mig.</div>
<div class="hide">Visa mig när någon hoverar över den här div:n.</div>

Steg 2 - Lägg till CSS:

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

Prova själv

Exempel förklaring:

Närliggande同级val+) väljer alla element som är närliggande till det angivna elementet.

Ordet "närliggande" betyder "efterföljande", i det föregående exemplet väljer alla element som har class=".hide" Elementer, som placeras omedelbart efter att muspekaren hängar över, på en element som har class=".myDIV" efter elementet.

Relaterade sidor

Tutorials:CSS-kombinator