พีซีดูโดคลาส first-child

พีซีดูโดคลาส first-child เลือกองค์ประกอบ ที่เป็นลูกตัวแรกของผู้ปกครอง

ไวยากรณ์

cssตัวเลือก:first-child {
  
}

ตัวอย่าง

ในตัวอย่างนี้ เราจะทำให้สีแดง ใน li ที่เป็นลูกตัวแรก ของผู้ปกครอง (ตัวแรกภายใน ol):

html<ol>
  <li>รายการ</li>
  <li>รายการ</li>
  <li>รายการ</li>
  <li>รายการ</li>
  <li>รายการ</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: