CSS တွင် Class ပါသည့် လင့်ခ်
ယခု လင့်ခ်များကိုယ်တိုင် class ရှိသည်ဆိုပါစို့:
<a href="#" class="eee">link</a>
<a href="#" class="eee">link</a>
<a href="#" class="eee">link</a>
ထို class ရှိသည့် လင့်ခ်များအတွက် style များ သတ်မှတ်ကြပါစို့:
a:link.eee, a:visited.eee {
color: red;
}
a:hover.eee {
text-decoration: none;
}
လင့်ခ် class နှင့် ပြည်နယ် pseudo-class များကို မည်သည့်အစဉ်အတိုင်း ရေးရမည်ဆိုသည်မှာ အရေးမကြီးပါ။ ၎င်းတို့ကို နေရာပြောင်းနိုင်ပြီး ဘာမှမပြောင်းလဲပါ။
a.eee:link, a.eee:visited {
color: red;
}
a.eee:hover {
text-decoration: none;
}
အောက်တွင်ပေးထားသော ကုဒ်ရှိ selector သည် အဘယ်ကိုရွေးချယ်သည်ကို ပြောပြပါ။ ထို့နောက် ၎င်းရွေးချယ်စရာနှင့် ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသည့် ကုဒ်မှာ:
a.zzz {
color: red;
}
a.zzz:hover {
text-decoration: none;
}
အောက်တွင်ပေးထားသော ကုဒ်ရှိ selector သည် အဘယ်ကိုရွေးချယ်သည်ကို ပြောပြပါ။ ထို့နောက် ၎င်းရွေးချယ်စရာနှင့် ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသည့် ကုဒ်မှာ:
#block a.zzz {
color: red;
}
#block a.zzz:hover {
text-decoration: none;
}
အောက်တွင်ပေးထားသော ကုဒ်ရှိ selector သည် အဘယ်ကိုရွေးချယ်သည်ကို ပြောပြပါ။ ထို့နောက် ၎င်းရွေးချယ်စရာနှင့် ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသည့် ကုဒ်မှာ:
.block a.zzz {
color: red;
}
.block a.zzz:hover {
text-decoration: none;
}
