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

CSS first child คือคำสั่งเข้าถึง element ตัวแรกของ elements ที่ต้องการ โดยใช้รูปแบบคำสั่ง element ตามด้วย :first-child ซึ่งช่วยให้สามารถเข้าถึง element แรกโดยไม่ต้องอ้างถึง id หรือ class สามารถเขียนโปรแกรมได้ดังนี้

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

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

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

CSS first child จากตัวอย่างที่หน้าเว็บ HTML สร้าง ul li และเข้าถึง li ตัวแรกด้วยคำสั่ง ul > li:first-child พร้อมกับเปลี่ยนสีด้วยคำสั่ง color: darkcyan จากการใช้คำสั่ง :first-child ของ CSS ทำให้เราสามารถเข้าถึง element ลำดับแรกได้หยืดหยุ่นขึ้นโดยไม่ต้องมาเข้าถึงผ่าน class หรือ id