পseudoclass nth-last-child

পseudoclass nth-last-child একটি এলিমেন্ট নির্বাচন করে যা প্যারেন্টের n-তম সন্তান, শেষ থেকে গণনা করে। এটি nth-child-এর মতোই আচরণ করে, কেবল গণনা শেষ থেকে করা হয়।

সিনট্যাক্স

সিলেক্টর:nth-last-child(সংখ্যা | odd | even | এক্সপ্রেশন) {
	
}

মান

মান	বর্ণনা
সংখ্যা	`1` থেকে শুরু করে একটি ধনাত্মক সংখ্যা। যে এলিমেন্টের কাছে আমরা পৌঁছাতে চাই তার নম্বর নির্দিষ্ট করে। এলিমেন্টগুলির নম্বর `1` থেকে শুরু হয়।
`odd`	বিজোড় এলিমেন্ট।
`even`	জোড় এলিমেন্ট।
এক্সপ্রেশন	আপনি n অক্ষর দিয়ে বিশেষ এক্সপ্রেশন তৈরি করতে পারেন, যা শূন্য থেকে (এক থেকে নয়) অসীম পর্যন্ত সমস্ত পূর্ণসংখ্যা নির্দেশ করে। সুতরাং, `2n` - মানে সব জোড় সংখ্যা (দ্বিতীয় থেকে শুরু করে)। এটি কীভাবে বুঝবেন? `n`-এ ক্রমান্বয়ে `0` থেকে সংখ্যা প্রতিস্থাপন করুন: যদি n = 0 হয়, তবে 2n দেবে 0 - এরকম কোন এলিমেন্ট নেই (এলিমেন্ট নম্বর 1 থেকে শুরু), যদি n = 1 হয়, তবে 2n দেবে 2 - দ্বিতীয় এলিমেন্ট, যদি n = 2 হয়, 2n দেবে 4 - চতুর্থ এলিমেন্ট। যদি আপনি 3n লিখেন - এটি হবে প্রতি তৃতীয় এলিমেন্ট (তৃতীয় থেকে শুরু করে), এবং আরও।

উদাহরণ

এই উদাহরণে, আমরা লাল রঙ করব সেই li, যা তার প্যারেন্টের শেষ থেকে 4-তম সন্তান:

<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;
}