Giả lớp first-child

Giả lớp first-child chọn phần tử, là phần tử con đầu tiên của phần tử cha.

Cú pháp

cssbộ chọn:first-child {
  
}

Ví dụ

Trong ví dụ này, chúng ta sẽ đặt màu đỏ cho li nào là con đầu tiên của phần tử cha của nó (đầu tiên bên trong ol):

html<ol>
  <li>mục danh sách</li>
  <li>mục danh sách</li>
  <li>mục danh sách</li>
  <li>mục danh sách</li>
  <li>mục danh sách</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: