Tạo kiểu cho phần tử p là p cuối cùng của cha với CSS

Bộ chọn :last-of-type

:last-of-type chọn phần tử là **con cuối cùng của loại phần tử đó** trong phần tử cha. Khác với :last-child yêu cầu là con cuối cùng tuyệt đối.

Ví dụ minh họa

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

"Đoạn văn bản 3" là thẻ p cuối cùng trong body → nền cam. Dù không phải con cuối cùng của body (nếu có thẻ khác sau), nó vẫn khớp vì là p cuối cùng.