Hover holatida elementni ko‘rsatish
Hover holatida elementni ko‘rsatishni o‘rganing.
Hover over me.
I am shown when someone hovers over the div above.
Hover holatida element qanday ko‘rsatiladi
1-qadam) HTML qo‘shing:
Misol
<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when someone hovers over the div above.</div>
2-qadam) CSS qo‘shing:
Misol
.hide {
display: none;
}
.myDIV:hover + .hide {
display: block;
color: red;
}
O‘zingiz sinab ko‘ring »
Misol tahlili
Qo‘shni sibling selektori (+) ko‘rsatilgan elementning qo‘shni sibling’lari bo‘lgan barcha elementlarni tanlaydi.
"Adjacent" (qo‘shni) so‘zi "darhol keyin keladigan" degan ma’noni anglatadi; yuqoridagi misol hover holatida class=".myDIV" bo‘lgan elementlardan darhol keyin joylashgan, class=".hide" bo‘lgan barcha elementlarni tanlaydi.
Qo‘shni selektorlar haqida ko‘proq bilish uchun CSS kombinatorlar darsligimizga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!