Vai trò bộ chọn :first-of-type trong CSS

Bộ chọn :first-of-type - Lặp lại

Nội dung trùng lặp với bài 1003062633. :first-of-type chọn phần tử đầu tiên của loại đó trong cha.

Ví dụ (giống hệt bài trước)

<!DOCTYPE html>
<html>
<head>
  <style>
    p:first-of-type {
      background: orange;
    }
  </style>
</head>
<body>
  <p>Đoạn văn bản 1</p>
  <p>Đoạn văn bản 2</p>
</body>
</html>

"Đoạn văn bản 1" là p đầu tiên của body → nền cam.