Wie man Elemente beim Überfahren mit der Maus anzeigt

Lernen Sie, wie man Elemente beim Überfahren mit der Maus anzeigt.

Bewegen Sie den Mauszeiger über mich.
Wenn jemand den Mauszeiger über dem obigen div bewegt, werde ich angezeigt.

Wie man Elemente beim Überfahren mit der Maus anzeigt

Schritt 1 - HTML hinzufügen:

<div class="myDIV">Bewegen Sie den Mauszeiger über mich.</div>
<div class="hide">Wenn jemand den Mauszeiger über dem obigen div bewegt, werde ich angezeigt.</div>

Schritt 2 - CSS hinzufügen:

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

Versuchen Sie es selbst

Beispiel Erklärung:

Adjazenter Gleichkammer-Selektor (+) alle Elemente ausgewählt, die unmittelbar neben dem angegebenen Element stehen.

Der Begriff "benachbart" bedeutet "unmittelbar danach", im obigen Beispiel werden alle Elemente mit class=".hide" Elemente, die sich in der Nähe von angezeigt werden, wenn sie über ihnen schweben class=".myDIV" 的元素之后。

相关页面

教程：CSS 组合器