CSS :link Selector
ဥပမာ
မကြည့်ရသေးသောလင့်ခ်များကို ရွေးချယ်ပြီး ပုံစံထုတ်ပါ-
a:link
{
background-color: yellow;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
မကြည့် :link
ရသေးသောလင့်ခ်များကို ရွေးရန် ရွေးချယ်ကိရိယာကို အသုံးပြုသည်။
မှတ်ချက်- :link ရွေးချယ်မှုစနစ်သည် သင်သွားရောက်ကြည့်ရှုပြီးသော လင့်ခ်များကို ပုံစံမဖော်ပါ။
အကြံပြုချက်- ဝင်ကြည့်ခဲ့သည့် စာမျက်နှာများအတွက် လင့်ခ်များကို ပုံစံချရန် :visited ရွေးပေးသည့် ကိရိယာကို အသုံးပြု ပါ၊ ၎င်းတို့အပေါ် မောက်စ်ပေါ်တွင် မောက်စ်တင်သည့်အခါ စတိုင်လင့်ခ်များဆီသို့ :hover ရွေးသည့်ကိရိယာနှင့် ၎င်းတို့ကို နှိပ်သည့်အခါ စတိုင်လင့်ခ်များအတွက် :active ရွေးချယ်မှုစနစ်ကို အသုံးပြုပါ။
ဗားရှင်း- | CSS1 |
---|
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ရွေးချယ်သူကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Selector | |||||
---|---|---|---|---|---|
:link | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS Syntax
:link {
css declarations;
}
နောက်ထပ် ဥပမာများ
ဥပမာ
မကြည့်ရသေးသော၊ ဝင်ကြည့်ဖူးသော၊ ပျစ်ပျစ်နှင့် အသက်ဝင်နေသော လင့်ခ်များကို ရွေးချယ်ပြီး ပုံစံဖော်ပါ-
/* 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 အတန်းများ