CSS : အသုံးပြုနေသော ရွေးချယ်မှု
ဥပမာ
အသုံးပြုနေသောလင့်ခ်ကို ရွေးချယ်ပြီး ပုံစံသတ်မှတ်ပါ-
a:active
{
background-color: yellow;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အသုံးပြုနေသောလင့် ခ် :active
ကို ရွေးချယ်ရန်နှင့် ပုံစံသတ်မှတ်ရန် ရွေးချယ်ကိရိယာကို အသုံးပြုသည်။
၎င်းကိုနှိပ်လိုက်သည့်အခါ လင့်ခ်တစ်ခုသည် အသက်ဝင်ပါသည်။
အကြံပြုချက်- :active ရွေးချယ်မှုအား လင့်ခ်များသာမက ဒြပ်စင်များအားလုံးတွင် အသုံးပြုနိုင်ပါသည်။
အကြံပြုချက်- မကြည့်ရသေးသော စာမျက်နှာများသို့ စတိုင်လင့်ခ်များဆီသို့ :link ရွေးချယ်မှုအား အသုံးပြုပါ၊ ဝင်ကြည့်ခဲ့သည့် စာမျက်နှာများအတွက် စတိုင် လင့်ခ်များဆီသို့ :visited selector နှင့် ၎င်းတို့အပေါ် မောက်စ်ပေါ်တွင် မောက်စ်တင်သည့်အခါ စတိုင်လင့်ခ်များဆီသို့ :hover ရွေးပေးသည့်ကိရိယာကို အသုံးပြုပါ။
မှတ်ချက်- :active သည် ထိရောက်စေရန်အတွက် CSS အဓိပ္ပါယ်ဖွင့်ဆိုချက်တွင် :hover (ရှိနေလျှင်) ၏နောက်တွင် လာရပါမည်။
ဗားရှင်း- | CSS1 |
---|
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ရွေးချယ်သူကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Selector | |||||
---|---|---|---|---|---|
:active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS Syntax
:active {
css declarations;
}
နောက်ထပ် ဥပမာများ
ဥပမာ
၎င်းကို သင်နှိပ်လိုက်သောအခါတွင် <p>၊ <h1> နှင့် <a> element တစ်ခုကို ရွေးချယ်ပြီး ပုံစံစတိုင်လ်လုပ်ပါ-
p:active, h1:active, a:active {
background-color: yellow;
}
ဥပမာ
မကြည့်ရသေးသော၊ ဝင်ကြည့်ဖူးသော၊ ပျစ်ပျစ်နှင့် အသက်ဝင်နေသော လင့်ခ်များကို ရွေးချယ်ပြီး ပုံစံဖော်ပါ-
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
ဥပမာ
မတူညီသောစတိုင်များဖြင့် စတိုင်လင့်ခ်များ
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS လင့်ခ် များ
CSS သင်ခန်းစာ- CSS Pseudo အတန်းများ