Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

ตัวเลือก The:last-child ไม่ทำงานตามที่คาดไว้ใน HTML5


ตัวเลือกลูกสุดท้ายใช้สำหรับเลือกองค์ประกอบลูกสุดท้ายของพาเรนต์ ไม่สามารถใช้เพื่อเลือกองค์ประกอบย่อยสุดท้ายที่มีคลาสเฉพาะภายใต้องค์ประกอบหลักที่กำหนดได้

จัดรูปแบบองค์ประกอบ li ลูกสุดท้ายด้วยสีพื้นหลัง −

li:last-child{
   background-color: blue;
}

มันสร้างปัญหาหากองค์ประกอบนั้นไม่ใช่องค์ประกอบสุดท้าย

เรามาดูตัวอย่างของ

หากตัวเลือกของคุณคือ a:last-child สิ่งนี้ใช้ได้ -

<div>
   <a></a>
   <a>This will be selected</a>
</div>