Cara - Menampilkan Elemen di Arahkan
Pelajari cara menampilkan elemen saat mengarahkan kursor.
Arahkan kursor ke atas saya.
I am shown when someone hovers over the div above.
Cara Menampilkan Elemen di Arahkan
Langkah 1) Tambahkan HTML:
Contoh
<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when
someone hovers over the div above.</div>
Langkah 2) Tambahkan CSS:
Contoh
.hide {
display: none;
}
.myDIV:hover + .hide {
display: block;
color: red;
}
Contoh Dijelaskan
Selektor saudara yang berdekatan ( +
) memilih semua elemen yang merupakan saudara kandung yang berdekatan dari elemen tertentu.
Kata "berdekatan" berarti "segera mengikuti", dan contoh di atas memilih semua elemen dengan class=".hide"
, yang ditempatkan tepat setelah elemen dengan class=".myDIV
", saat mengarahkan kursor.
Buka Tutorial Kombinasi CSS kami untuk mempelajari lebih lanjut tentang pemilih yang berdekatan.