CSS :first-child Selector

เลือกและทุกรูปแบบ <p> องค์ประกอบที่เป็นลูกคนแรกของแม่:

p:first-child {
background-color: yellow;
}

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

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

: การเลือกครั้งแรกเด็กจะใช้ในการเลือกตัวเลือกที่ระบุเพียงว่ามันเป็นลูกคนแรกของแม่

เวอร์ชัน:	CSS2

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

ผู้เลือก
:first-child	4.0	7.0	3.0	3.1	9.6

Note: สำหรับ: เด็กแรกในการทำงานใน IE8 และก่อนหน้านี้ <! DOCTYPE> จะต้องประกาศ

:first-child {
css declarations ;
} Demo

เลือกและทุกรูปแบบ <i> องค์ประกอบของทุก <p> องค์ประกอบที่ <p> องค์ประกอบที่เป็นลูกคนแรกของแม่:

p:first-child i {
background: yellow;
}

เลือกและรูปแบบครั้งแรก <li> องค์ประกอบในรายการ:

li:first-child {
background: yellow;
}

เลือกและรูปแบบองค์ประกอบลูกคนแรกของทุก <ul> องค์ประกอบ:

ul > :first-child {
background: yellow;
}

กวดวิชา CSS: คลาส CSS Pseudo