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

Bộ chọn :last-child

:last-child chọn phần tử là **con cuối cùng tuyệt đối** của phần tử cha (bất kể loại).

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
  <style>
    p:last-child {
      background: orange;
    }
  </style>
</head>
<body>
  <p>Văn bản 1</p>
  <p>Văn bản 2</p>
  <p>Văn bản 3 - CÓ nền cam (con cuối cùng của body)</p>
</body>
</html>

"Văn bản 3" là con cuối cùng của body → nền cam. Nếu có <div> sau 3 thẻ p, thì không p nào khớp.