ตัวเลือกลูกสุดท้ายใช้สำหรับเลือกองค์ประกอบลูกสุดท้ายของพาเรนต์ ไม่สามารถใช้เพื่อเลือกองค์ประกอบย่อยสุดท้ายที่มีคลาสเฉพาะภายใต้องค์ประกอบหลักที่กำหนดได้
จัดรูปแบบองค์ประกอบ li ลูกสุดท้ายด้วยสีพื้นหลัง −
li:last-child{ background-color: blue; }
มันสร้างปัญหาหากองค์ประกอบนั้นไม่ใช่องค์ประกอบสุดท้าย
เรามาดูตัวอย่างของ −
หากตัวเลือกของคุณคือ a:last-child สิ่งนี้ใช้ได้ -
<div> <a></a> <a>This will be selected</a> </div>