လုပ်နည်း - Hover တွင် Element တစ်ခုကို ပြသပါ။
မောက်စ်ပေါ်တွင် အစိတ်အပိုင်းတစ်ခုကို မည်သို့ပြသရမည်ကို လေ့လာပါ။
ငါ့အပေါ်မှာ ပျံဝဲပါ။
I am shown when someone hovers over the div above.
Hover တွင် Element တစ်ခုကို ပြသနည်း
အဆင့် 1) HTML ကိုထည့်ပါ
ဥပမာ
<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when
someone hovers over the div above.</div>
အဆင့် 2) CSS ကိုထည့်ပါ
ဥပမာ
.hide {
display: none;
}
.myDIV:hover + .hide {
display: block;
color: red;
}
နမူနာရှင်းပြထားပါတယ်။
ကပ်လျက်သားပေါက်ဖော် ရွေးပေး သူ ( +
) သည် သတ်မှတ်ထားသော ဒြပ်စင်တစ်ခု၏ ကပ်လျက်မွေးချင်းများဖြစ်သည့် အစိတ်အပိုင်းအားလုံးကို ရွေးချယ်သည်။
"ကပ်လျက်" ဟူသော စကားလုံးသည် "ချက်ခြင်းနောက်လိုက်" ကို ဆိုလိုပြီး အထက်ဥပမာသည် ", on hover class=".hide"
ဖြင့် ဒြပ်စင်များပြီးနောက် ချက်ချင်း နေရာချထားသည့် အစိတ်အပိုင်းအားလုံးကို ရွေးပေးသည်။class=".myDIV
ကပ်လျက်ရွေးချယ်သူများအကြောင်း ပိုမိုလေ့လာရန် ကျွန်ုပ်တို့၏ CSS Combinators Tutorial သို့ သွားပါ ။