How TO - Zeigen Sie ein Element beim Hover an
Erfahren Sie, wie Sie ein Element beim Hover anzeigen.
Schwebe über mir.
I am shown when someone hovers over the div above.
So zeigen Sie ein Element beim Hover an
Schritt 1) HTML hinzufügen:
Beispiel
<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when
someone hovers over the div above.</div>
Schritt 2) CSS hinzufügen:
Beispiel
.hide {
display: none;
}
.myDIV:hover + .hide {
display: block;
color: red;
}
Beispiel erklärt
Der Selektor für benachbarte Geschwister ( +
) wählt alle Elemente aus, die benachbarte Geschwister eines angegebenen Elements sind.
Das Wort "benachbart" bedeutet "unmittelbar folgend", und das obige Beispiel wählt alle Elemente mit class=".hide"
aus, die unmittelbar nach Elementen mit class=".myDIV
" platziert werden, wenn Sie den Mauszeiger darüber bewegen.
Gehen Sie zu unserem CSS Combinators Tutorial , um mehr über benachbarte Selektoren zu erfahren.