Jak wyświetlić elementy przy najechaniu myszą

Naucz się, jak wyświetlać elementy przy najechaniu myszą

Najedź na mnie.
Kiedy ktoś najedzie na ten div, pojawi się.

Jak wyświetlić elementy przy najechaniu myszą

Krok 1 - Dodaj HTML:

<div class="myDIV">Najedź na mnie.</div>
<div class="hide">Kiedy ktoś najedzie na ten div, pojawi się.</div>

Krok 2 - Dodaj CSS:

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

Spróbuj sam

Przykład wyjaśnienia:

Sąsiedni wybór równoległych (+) Wybiera wszystkie elementy sąsiednie z określonym elementem.

Słowo "sąsiedni" oznacza "położony bezpośrednio za", w przykładzie wybrano wszystkie elementy z class=".hide" Elementy, które są umieszczane bezpośrednio po najechaniu na element z class=".myDIV" po elemencie.

Strony związane

Tutorial:Kombinatory CSS