ความหมายและการใช้งาน
:first-child เลือกเลือกองค์ประกอบทั้งหมดที่มีลูกคนแรกของพ่อแม่
เคล็ดลับ: ใช้ :last-child เลือกเพื่อเลือกองค์ประกอบที่เป็นลูกคนสุดท้ายของพ่อแม่ของพวกเขา
วากยสัมพันธ์
$(":first-child")
ลองตัวเอง - ตัวอย่าง
เลือกแรก <p> องค์ประกอบของทั้งหมด <div> องค์ประกอบ
วิธีการเลือกแรก <p> องค์ประกอบของทั้งหมด <div> องค์ประกอบ
ความแตกต่างระหว่าง :first และ :first-child
แสดงความแตกต่างระหว่าง :first และ :first-child เล็กเตอร์
ความแตกต่างระหว่าง :first, :first-child และ :first-of-type
แสดงความแตกต่างระหว่าง :first, :first-child และ :first-of-type เตอร์