CSS :nth-last-child() প্রোটোকল

অর্থ ও ব্যবহার

CSS :nth-last-child(n) প্রোটোকলটি হল যা প্রথম ইনডেক্সটির পঞ্চমতম গুণিতক হোক কোনও ইলাকার পঞ্চমতম গুণিতক হোক。

n হতে পারে একটি সংখ্যা/ইনডেক্স বা একটি শব্দ (অসমান বা সমান）বা একটি ফর্মুলা (যেমন an + b）。

পরামর্শ:দেখুন :nth-last-of-type() প্রোটোকলটি হল যা প্রথম ইনডেক্সটির পঞ্চমতম গুণিতক হোক কোনও ইলাকার পঞ্চমতম গুণিতক হোক。 n ইলাকার পঞ্চমতম গুণিতক হোক কোনও ইলাকার পঞ্চমতম গুণিতক হোক。

একটি উদাহরণ

উদাহরণ 1

প্রত্যেক প্রথম ইনডেক্সটির পঞ্চমতম গুণিতক হোক কোনও <p> ইলাকার পটভূমির রঙ নির্দেশ করি:

p:nth-last-child(2) {
  background-color: red;
}

亲自试一试

উদাহরণ 2

অসমান ও সমান হল কীভুত শব্দ, যা অসমান ও সমান ইনডেক্সটির সাব-ইলাকাকে মিলাতে ব্যবহৃত হয়。

এখানে, আমরা অসমান ও সমান ইনডেক্সটির <p> ইলাকার পটভূমির রঙ নির্দেশ করি:

p:nth-last-child(odd) {
  background-color: red;
}
p:nth-last-child(even) {
  background-color: blue;
}

亲自试一试

উদাহরণ 3

ফর্মুলা ব্যবহার করে (an + b）。বর্ণনা：a হল সংখ্যালঘু পদক্ষেপ, n হল 0 থেকে শুরু করে সব অসংখ্য সংখ্যা。b হল সংখ্যালঘু অবস্থান。

এখানে, আমরা পঞ্চমতম ইনডেক্সটির পঞ্চমতম গুণিতক হোক কোনও <p> ইলাকার পটভূমির রঙ নির্দেশ করি:

p:nth-last-child(3n+0) {
  background-color: red;
}

亲自试一试

CSS 语法

:nth-last-child(index অসমান | সমান | an+b) {
  css declarations;
}

প্রযুক্তিগত বিবরণ

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এই প্রোটোকলটির প্রথম সম্পূর্ণভাবে সমর্থনকারী ব্রাউজার সংস্করণটি নির্দেশ করে。