Hoe OM - Wys 'n element op hover
Leer hoe om 'n element te wys wanneer jy beweeg.
Beweeg oor my.
I am shown when someone hovers over the div above.
Hoe om 'n element te wys wanneer jy beweeg
Stap 1) Voeg HTML by:
Voorbeeld
<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when
someone hovers over the div above.</div>
Stap 2) Voeg CSS by:
Voorbeeld
.hide {
display: none;
}
.myDIV:hover + .hide {
display: block;
color: red;
}
Voorbeeld Verduidelik
Die aangrensende broer of suster ( +
) kies alle elemente wat die aangrensende broers en susters van 'n gespesifiseerde element is.
Die woord "aangrensend" beteken "onmiddellik daarop", en die voorbeeld hierbo selekteer alle elemente met class=".hide"
, wat onmiddellik na elemente geplaas word met class=".myDIV
", op die muis.
Gaan na ons CSS Combinators Tutoriaal om meer te wete te kom oor aangrensende keurders.