الظل :nth-last-of-type() في css

التعريف والاستخدام

CSS :nth-last-of-type(n) الظل يُستخدم لاختيار العناصر التي تحتوي على النسبة كأخير n العناصر الفرعية لكل عنصر.

n يمكن أن يكون عددًا/مؤشرًا، كلمة مفتاحية (odd أو even) أو صيغة (مثل an + b).

إشارة:رؤية :nth-last-child() الظل يُستخدم لاختيار العناصر التي تحتوي على النسبة كأخير n العناصر الفرعية لأي نوع.

مثال

مثال 1

للعناصر التي تحتوي على النسبة الثانية كمرشح من العنصر الأب.

في نفس الوقت، نحدد لون الخلفية للأعمدة التي تحتوي على النسبة الثالثة كمرشح من العنصر الأب.

p:nth-last-of-type(2) {
  background: red;
}
li:nth-last-of-type(3) {
background: yellow;
}

جرب بنفسك

مثال 2

فردي و زوجي هو كلمة مفتاحية يمكن استخدامها للتوافق مع العناصر التي تحتوي على النسبيات الفردية أو الزوجية (النسبة الأولى للعنصر هي 1).

في هذا المكان، نحدد لون الخلفية للأعمدة التي تحتوي على النسبيات الفردية والزوجية.

p:nth-last-of-type(odd) {
  background: red;
}
p:nth-last-of-type(even) {
  background: blue;
}

جرب بنفسك

مثال 3

استخدام الصيغة (an + b). الوصف: a يمثل الخطوة الكاملة، n هو جميع الأرقام غير السلبية من 0، b هو الزيادة الكاملة.

في هذا المكان، نحدد لون الخلفية للأعمدة والسطور التي تحتوي على النسبة 3 كمرشح.

p:nth-last-of-type(3n) {
  background: red;
}
li:nth-last-of-type(3n) {
  background: yellow;
}

جرب بنفسك

نحو اللغة css

:nth-last-of-type(النسبة | فردي | زوجي | an+b) {
  إعلانات css;
}

تفاصيل التقنية

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذا الظل.