CSS3 :nth-last-of-type() Selector

ระบุสีพื้นหลังสำหรับทุก <p> องค์ประกอบที่เป็นองค์ประกอบ P ที่สองของแม่นับจากเด็กที่ผ่านมา:

p:nth-last-of-type(2) {
background: #ff0000;
}

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง

ความหมายและการใช้งาน

:nth-last-of-type( n ) เลือกตรงกับองค์ประกอบที่เป็นทุก n TH เด็กบางประเภทของผู้ปกครองนับจากเด็กที่ผ่านมา

n ได้จำนวนคำหลักหรือสูตร

Tip: ดูที่ : ที่ n-สุดท้ายเด็ก () เลือกเพื่อเลือกองค์ประกอบที่เป็น n TH เด็ก regardless of type ของผู้ปกครองนับจากเด็กที่ผ่านมา

เวอร์ชัน:	CSS3

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่เลือก

ผู้เลือก
:nth-last-of-type()	4.0	9.0	3.5	3.2	9.6

:nth-last-of-type( number ) {
css declarations ;
} Demo

คี่และเป็นคำหลักที่สามารถนำมาใช้เพื่อให้ตรงกับองค์ประกอบของเด็กที่มีดัชนีเป็นเลขคี่หรือแม้กระทั่ง (the index of the first child is 1)

ที่นี่เราระบุสองสีพื้นหลังที่แตกต่างกันสำหรับองค์ประกอบคี่และ P:

p:nth-last-of-type(odd) {
background: #ff0000;
}

p:nth-last-of-type(even) {
background: #0000ff;
}

โดยใช้สูตร ( an + b ) คำอธิบาย: หมายถึงขนาดวงจร, a n เป็นเคาน์เตอร์ (starts at 0) และ b เป็นค่าชดเชย

ที่นี่เราระบุสีพื้นหลังสำหรับองค์ประกอบ P ทุกรายที่มีดัชนีมีหลายที่ 3:

p:nth-last-of-type(3n+0) {
background: #ff0000;
}