nth-last-child အတု-အတန်း

nth-last-child အတု-အတန်းသည် အဆုံးမှ ရေတွက်သောအခါ မိဘ၏ n-th မြောက် အမှတ်အသားဖြစ်သော အစိတ်အပိုင်းကို ရွေးချယ်သည်။ nth-child ကဲ့သို့ပင် အပြုအမူပြုသည်၊ သို့သော် အဆုံးမှ ရေတွက်ခြင်းသာလျှင် ကွာခြားသည်။

ဝါကျဖွဲ့ထုံး

ရွေးချယ်သည့်အရာ:nth-last-child(ဂဏန်း | odd | even | ဖော်ပြချက်) {
	
}

တန်ဖိုးများ

တန်ဖိုး	ဖော်ပြချက်
ဂဏန်း	`1` မှစတင်သော အပြုဂဏန်း။ ကျွန်ုပ်တို့ ရည်ညွှန်းလိုသော အစိတ်အပိုင်း၏ နံပါတ်ကို သတ်မှတ်ပေးသည်။ အစိတ်အပိုင်းများ၏ နံပါတ်သတ်မှတ်ခြင်းသည် `1` မှစတင်သည်။
`odd`	ထူးနံပါတ်ရှိသော အစိတ်အပိုင်းများ။
`even`	စုံနံပါတ်ရှိသော အစိတ်အပိုင်းများ။
ဖော်ပြချက်	n ဟူသော အက္ခရာဖြင့် အထူးဖော်ပြချက်များ ဖွဲ့စည်းနိုင်သည်၊ ထို n သည် သုညမှစတင်၍ (တစ်မှ မဟုတ်ပါ) �နန္တဂဏန်းအထိ ကိန်းပြည့်အားလုံးကို ကိုယ်စားပြုသည်။ ထို့ကြောင့် `2n` - ဆိုလိုသည်မှာ စုံနံပါတ်အားလုံး (ဒုတိယမှစ၍) ဖြစ်သည်။ မည်သို့နားလည်ရမည်နည်း။ `n` အတွင်းသို့ `0` မှစတင်၍ နံပါတ်များကို အစဉ်အတိုင်း အစားထိုးကြည့်ပါ- အကယ်၍ n = 0 ဖြစ်လျှင် 2n သည် 0 ကိုပေးမည် - ထိုသို့သော အစိတ်အပိုင်းမရှိပါ (အစိတ်အပိုင်းများ နံပါတ်သတ်မှတ်ခြင်းသည် 1 မှစသည်)၊ အကယ်၍ n = 1 ဖြစ်လျှင် 2n သည် 2 ကိုပေးမည် - ဒုတိယအစိတ်အပိုင်း၊ အကယ်၍ n = 2 ဖြစ်လျှင်၊ 2n သည် 4 ကိုပေးမည် - စတုတ္ထအစိတ်အပိုင်း။ အကယ်၍ 3n ဟုရေးလျှင် - ၎င်းသည် တတိယမြောက်အစိတ်အပိုင်းတိုင်း (တတိယမှစ၍) ဖြစ်လိမ့်မည်၊ စသည်ဖြင့် ဖြစ်သည်။

ဥပမာ

ဤဥပမာတွင် ကျွန်ုပ်တို့သည် မိမိမိဘ၏ အဆုံးမှ ရေတွက်လျှင် 4-ခုမြောက် အမှတ်အသားဖြစ်သော ထို li ကို အနီရောင်အဖြစ် ပြုလုပ်ပါမည်-

<ul>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
</ul>

li:nth-last-child(4) {
	color: red;
}

ဥပမာ

ယခုအခါ အနီရောင်အဖြစ် အဆုံးမှ ရေတွက်လျှင် စုံနံပါတ်ရှိသော li အားလုံးကို ပြုလုပ်ပါမည်-

<ul>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
</ul>

li:nth-last-child(even) {
	color: red;
}

ဥပမာ

ယခုအခါ အနီရောင်အဖြစ် အဆုံးမှ ရေတွက်လျှင် ထူးနံပါတ်ရှိသော li အားလုံးကို ပြုလုပ်ပါမည်-

<ul>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
</ul>

li:nth-last-child(odd) {
	color: red;
}

ဥပမာ

ယခုအခါ အနီရောင်အဖြစ် အဆုံးမှ ရေတွက်လျှင် တတိယမြောက် li တိုင်းကို ပြုလုပ်ပါမည်-

<ul>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
</ul>

li:nth-last-child(3n) {
	color: red;
}