บทบาทของ CSS :nth-last-of-type(n) Selector

เลือกองค์ประกอบ p ลำดับที่ n นับจากท้าย

ใช้ :nth-last-of-type(n) เพื่อเลือกองค์ประกอบ <p> ที่เป็นลำดับที่ n ของพาเรนต์ โดยนับจากลูกสุดท้าย

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <style>
    p:nth-last-of-type(2) {
      background: blue;
      color: white;
    }
  </style>
</head>
<body>
  <p>ข้อความตัวอย่าง 1</p>
  <p>ข้อความตัวอย่าง 2</p>
  <p>ข้อความตัวอย่าง 3</p>
  <p>ข้อความตัวอย่าง 4</p>
  <p>ข้อความตัวอย่าง 5</p>
</body>
</html>