Hoe - Een element weergeven op Hover
Leer hoe u een element weergeeft tijdens het zweven.
Beweeg over mij heen.
I am shown when someone hovers over the div above.
Hoe een element op Hover weer te geven
Stap 1) HTML toevoegen:
Voorbeeld
<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when
someone hovers over the div above.</div>
Stap 2) CSS toevoegen:
Voorbeeld
.hide {
display: none;
}
.myDIV:hover + .hide {
display: block;
color: red;
}
Voorbeeld uitgelegd
De aangrenzende broer of zus selector ( +
) selecteert alle elementen die de aangrenzende broers en zussen zijn van een opgegeven element.
Het woord "aangrenzend" betekent "direct volgend", en het bovenstaande voorbeeld selecteert alle elementen met class=".hide"
, die direct na elementen met class=".myDIV
", bij zweven worden geplaatst.
Ga naar onze CSS Combinators Tutorial voor meer informatie over aangrenzende selectors.