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

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

Nội dung trùng lặp với bài 1003062643. :last-of-type chọn phần tử cuối cùng của *loại đó* trong cha.

Ví dụ (giống hệt bài 1003062643)

<!DOCTYPE html>
<html>
<head>
  <style>
    p:last-of-type {
      background: orange;
    }
  </style>
</head>
<body>
  <h2>Tiêu đề</h2>
  <p>Văn bản 1</p>
  <p>Văn bản 2</p>
  <p>Văn bản 3 - CÓ nền cam (p cuối cùng)</p>
</body>
</html>

"Văn bản 3" là thẻ p cuối cùng → nền cam.