CSS တွင် လင့်ခ်များ၏ အခြေအနေများနှင့်အတူ ရှုပ်ထွေးသော selector များ

ယခင်က ကျွန်ုပ်တို့လေ့လာခဲ့သော ရှုပ်ထွေးသည့် selector အားလုံးကို လင့်ခ်များအတွက်လည်း အသုံးပြုနိုင်ပါသည်။

ဥပမာတစ်ခုကြည့်ကြပါစို့။ ကျွန်ုပ်တို့၏ လင့်ခ်များသည် သတ်မှတ်ထားသော id ပါသည့် ဘလောက်တစ်ခုအတွင်း၌ တည်ရှိသည်ဟု ယူဆပါစို့။

<div id="block">
	<a href="#">လင့်ခ်</a>
	<a href="#">လင့်ခ်</a>
	<a href="#">လင့်ခ်</a>
</div>

ဤဘလောက်မှ လင့်ခ်များအတွက် စတိုင်များသတ်မှတ်ကြပါစို့။

#block a:link, #block a:visited {
	color: red;
}
#block a:hover {
	text-decoration: none;
}

ပုံမှန်အားဖြင့် link နှင့် visited အခြေအနေများကို မခွဲခြားသောကြောင့် ကုဒ်ကို အောက်ပါအတိုင်း ရိုးရှင်းအောင်ပြုလုပ်နိုင်ပါသည်။

#block a {
	color: red;
}
#block a:hover {
	text-decoration: none;
}

အောက်တွင်ပေးထားသော ကုဒ်ရှိ selector သည် အဘယ်အရာကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ဤ selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ အောက်ပါအတိုင်းဖြစ်သည်။

#test a {
	color: red;
}
#test a:hover {
	text-decoration: none;
}