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