CSS last child คือคำสั่งอะไร ใช้ทำอะไร

CSS last child คือคำสั่งเข้าถึง element ลำดับสุดท้ายของ elements ที่ต้องการ การใช้คำสั่ง last child ทำให้เข้าถึง element สุดท้ายได้แบบอัตโนมัติโดยไม่ต้องกำหนด class หรือ id สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง CSS last child คือคำสั่งอะไร ใช้ทำอะไร

<style>
    ul > li:last-child {
        color: darkcyan;
    }
</style>

<ul>
    <li>PHP</li>
    <li>Python</li>
    <li>HTML</li>
    <li>CSS</li>
</ul>

CSS last child จากตัวอย่างสร้าง ul li ใน HTML และใช้คำสั่ง ul > li:last-child ใน CSS หมายความว่าให้เข้าถึง li ตัวสุดท้ายใน ul จากนั้นเปลี่ยนสีตัวอักษรด้วยคำสั่ง color: darkcyan