Jak to zrobić — wyświetlić element po najechaniu kursorem
Dowiedz się, jak wyświetlić element po najechaniu myszą.
Najedź na mnie.
I am shown when someone hovers over the div above.
Jak wyświetlić element po najechaniu kursorem
Krok 1) Dodaj kod HTML:
Przykład
<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when
someone hovers over the div above.</div>
Krok 2) Dodaj CSS:
Przykład
.hide {
display: none;
}
.myDIV:hover + .hide {
display: block;
color: red;
}
Przykład wyjaśniony
Selektor sąsiedniego rodzeństwa ( +
) wybiera wszystkie elementy, które są sąsiednim rodzeństwem określonego elementu.
Słowo "sąsiadujące" oznacza "natychmiast następujące", a powyższy przykład wybiera wszystkie elementy z class=".hide"
, które są umieszczone bezpośrednio po elementach z class=".myDIV
", po najechaniu kursorem.
Przejdź do naszego samouczka dotyczącego kombinatorów CSS , aby dowiedzieć się więcej o sąsiednich selektorach.