الكائن المزيف :nth-last-of-type() في CSS

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

CSS :nth-last-of-type(n) الكائنات المزيفة تستخدم لاختيار العناصر التي هي كذلك كعنصر معين من نوع معين من نهاية العنصر الأب: n العناصر الفرعية.

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

نصيحة:انظر :nth-last-child() الكائنات المزيفة تستخدم لاختيار العناصر التي هي كذلك كعنصر آخر من نهاية العنصر الأب: n العناصر الفرعية، بغض النظر عن نوعها.

مثال

مثال 1

حدد لون الخلفية للأعمدة <p> التي هي كذلك كعنصر <p> الثاني من نهاية العنصر الأب.

في نفس الوقت، حدد لون الخلفية للأعمدة <li> التي هي كذلك كعنصر <li> الثالث من نهاية العنصر الأب:

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

جرب بنفسك

مثال 2

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

في هذا المكان، نحدد لون الخلفية للأعمدة <p> التي لها نسبة عكسية فردي أو زوجي:

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

جرب بنفسك

مثال 3

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

في هذا المكان، نحدد لون الخلفية للأعمدة <p> و <li> التي لها نسبة عكسية هي مضاعفة من 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;
}

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

دعم المتصفح

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