home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

บทบาทของ CSS :first-child Selector

เลือกองค์ประกอบที่เป็นลูกคนแรกของพาเรนต์

:first-child เลือกองค์ประกอบที่เป็นลูกคนแรกของพาเรนต์ ไม่สนใจชนิดขององค์ประกอบ

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <style>
    p:first-child {
      background-color: orange;
    }
  </style>
</head>
<body>
  <h1>Heading</h1>
  <p>This is demo text.</p>
  <div>
    <p>This is demo text, with the first child of its parent div.</p>
    <p>This is demo text, but not the first child.</p>
  </div>
</body>
</html>