পসিউডোক্লাস nth-last-of-type
পসিউডোক্লাস nth-last-of-type একটি এলিমেন্ট নির্বাচন করে
যা প্যারেন্টের নির্দিষ্ট টাইপের n-তম চাইল্ড,
শেষ থেকে গণনা করে। এটি nth-of-type-এর
মতই আচরণ করে, শুধুমাত্র গণনা শেষ থেকে করা হয়।
সিনট্যাক্স
সিলেক্টর:nth-last-of-type(সংখ্যা | odd | even | এক্সপ্রেশন) {
}
মান
| মান | বর্ণনা |
|---|---|
| সংখ্যা |
1 থেকে শুরু করে একটি ধনাত্মক সংখ্যা।
যে এলিমেন্টের সংখ্যা আমরা লক্ষ্য করতে চাই তা নির্দিষ্ট করে।
এলিমেন্টের সংখ্যা শুরু হয় 1 থেকে।
|
odd |
বিজোড় এলিমেন্ট। |
even |
জোড় এলিমেন্ট। |
| এক্সপ্রেশন |
n অক্ষর দিয়ে বিশেষ এক্সপ্রেশন তৈরি করা যায়,
যা শূন্য থেকে (এক থেকে নয়) অসীম পর্যন্ত সকল পূর্ণসংখ্যা নির্দেশ করে।
সুতরাং, 2n - মানে সব জোড় সংখ্যা
(দ্বিতীয় থেকে শুরু করে)।
এটি কিভাবে বুঝবেন? n-এ ধারাবাহিকভাবে
0 থেকে সংখ্যা বসান: যদি n = 0, তাহলে 2n দেবে 0 -
তেমন কোন এলিমেন্ট নেই (এলিমেন্ট সংখ্যা 1 থেকে),
যদি n = 1, তাহলে 2n দেবে 2 - দ্বিতীয় এলিমেন্ট, যদি n = 2,
2n দেবে 4 - চতুর্থ এলিমেন্ট। যদি 3n লিখেন - এটি
হবে প্রতি তৃতীয় এলিমেন্ট (তৃতীয় থেকে শুরু করে), ইত্যাদি।
|
উদাহরণ
h2 খুঁজে বের করি যা প্যারেন্টের মধ্যে শেষ থেকে 2-তম h2:
<div>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
</div>
h2:nth-last-of-type(2) {
color: red;
}
:
উদাহরণ
শেষ থেকে সব জোড় h2 খুঁজে বের করি:
<div>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
</div>
h2:nth-last-of-type(even) {
color: red;
}
:
উদাহরণ
শেষ থেকে সব বিজোড় h2 খুঁজে বের করি:
<div>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শिरোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
<h2>শিরোনাম</h2>
<p>অনুচ্ছেদ</p>
</div>
h2:nth-last-of-type(odd) {
color: red;
}
:
