CSS :ตัวเลือก ลูกคนแรก
ตัวอย่าง
เลือกและจัดรูปแบบทุก <p> องค์ประกอบที่เป็นลูกคนแรกของพาเรนต์:
p:first-child
{
background-color: yellow;
}
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
ตัว:first-child
เลือกจะใช้เพื่อเลือกตัวเลือกที่ระบุ เฉพาะในกรณีที่เป็นลูกคนแรกของพาเรนต์
รุ่น: | CSS2 |
---|
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนตัวเลือกอย่างสมบูรณ์
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
ไวยากรณ์ CSS
:first-child {
css declarations;
}
ตัวอย่างเพิ่มเติม
ตัวอย่าง
เลือกและจัดรูปแบบทุกองค์ประกอบ <i> ของทุกองค์ประกอบ <p> โดยที่องค์ประกอบ <p> เป็นลูกคนแรกขององค์ประกอบหลัก:
p:first-child i
{
background: yellow;
}
ตัวอย่าง
เลือกและจัดรูปแบบ <li> องค์ประกอบแรกในรายการ:
li:first-child
{
background: yellow;
}
ตัวอย่าง
เลือกและจัดรูปแบบองค์ประกอบลูกแรกของทุก <ul> องค์ประกอบ:
ul > :first-child
{
background: yellow;
}
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: คลาสหลอก CSS