Tạo kiểu cho phần tử p là con thứ n từ cuối với CSS

Bộ chọn :nth-last-child(n) - Lặp lại

Nội dung trùng lặp với bài 1003062607. Bộ chọn :nth-last-child(4) chọn con thứ 4 tính từ cuối.

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

<!DOCTYPE html>
<html>
<head>
  <style>
    p:nth-last-child(4) {
      background: blue;
      color: white;
    }
  </style>
</head>
<body>
  <p>Văn bản 1</p>
  <p>Văn bản 2</p>
  <p>Văn bản 3</p>
  <p>Văn bản 4</p>
  <p>Văn bản 5</p>
  <p>Văn bản 6</p>
</body>
</html>

"Văn bản 3" được tạo kiểu (con thứ 4 từ cuối: 6,5,4,3,2,1).