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

Bộ chọn :last-child

Bộ chọn :last-child chọn phần tử là con cuối cùng của phần tử cha, bất kể loại phần tử.

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
  <style>
    p:last-child {
      background: orange;
    }
  </style>
</head>
<body>
  <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.</p>
</body>
</html>

Chỉ đoạn văn bản thứ 3 (con cuối cùng của body) có nền cam. Lưu ý: khác với :last-of-type chỉ chọn con cuối cùng của *loại* phần tử đó.