Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

Chọn p là p thứ 2 từ cuối của cha với CSS

Bộ chọn :nth-last-of-type(n)

:nth-last-of-type(n) chọn phần tử là con thứ n của loại đó, **tính từ con cuối cùng** của cha.

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
  <style>
    p:nth-last-of-type(2) {
      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 - CÓ nền xanh (p thứ 2 từ cuối) </p>
  <p>Văn bản 5</p>
</body>
</html>

Tính từ cuối: 5 (thứ 1), 4 (thứ 2), 3, 2, 1. "Văn bản 4" được chọn.