ตัวอย่าง
เลือกแต่ละ <p> องค์ประกอบที่เป็นที่สาม <p> องค์ประกอบของแม่นับจากเด็กที่ผ่านมา:
$("p:nth-last-of-type(3)") ลองตัวเอง» ความหมายและการใช้งาน
:nth-last-of-type( n ) ตัวเลือกเลือกองค์ประกอบทั้งหมดที่มี n TH เด็กประเภทโดยเฉพาะอย่างยิ่งพ่อแม่ของพวกเขานับจากเด็กที่ผ่านมา
เคล็ดลับ: ใช้ :nth-last-child() เลือกเพื่อเลือกองค์ประกอบทั้งหมดที่มี n th เด็กไม่คำนึงถึงประเภทของผู้ปกครองของพวกเขานับจากเด็กที่ผ่านมา
วากยสัมพันธ์
:nth-last-of-type( n |even|odd| formula )| พารามิเตอร์ | ลักษณะ |
|---|---|
| n | ดัชนีของเด็กแต่ละคนเพื่อให้ตรงกับ ต้องเป็นตัวเลข องค์ประกอบแรกมีหมายเลขดัชนี 1 |
| even | เลือกแต่ละ even องค์ประกอบของเด็ก |
| odd | เลือกแต่ละ odd องค์ประกอบของเด็ก |
| formula | ระบุว่าเด็ก element(s) ที่ได้รับเลือกด้วยสูตร ( an + b ) ตัวอย่าง: p:nth-last-child(3n+2) เลือกแต่ละย่อหน้าที่ 3 เริ่มต้นที่วรรค 2 ที่ผ่านมา |
ลองตัวเอง - ตัวอย่าง
เลือกแต่ละ <p> องค์ประกอบที่เป็นครั้งแรก <p> องค์ประกอบ> ทั้งหมด <div> องค์ประกอบนับจากเด็กที่ผ่านมา
วิธีการเลือกแต่ละ <p> องค์ประกอบที่เป็นครั้งแรก <p> องค์ประกอบของทั้งหมด <div> องค์ประกอบนับจากเด็กที่ผ่านมา
โดยใช้สูตร (เป็น + B)
วิธีการใช้สูตร (เป็น + B) เพื่อเลือกที่แตกต่างกัน <p> องค์ประกอบนับจากเด็กที่ผ่านมา
ใช้ "even" และ "odd"
วิธีการใช้งานมากยิ่งแปลกและแตกต่างกันเพื่อเลือก <p> องค์ประกอบนับจากเด็กที่ผ่านมา
ความแตกต่างระหว่าง :nth-child() , :nth-last-child() , :nth-of-type() และ :nth-of-last-type()
ความแตกต่างระหว่าง p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) และ p:nth-of-last-type(2)