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

CSS !important คือคำสั่งบังคับให้เลือกใช้ คำสั่ง CSS นี้ ถึงแม้ว่าจะมีการเรียกใช้คำสั่งอื่นพร้อมกับคำสั่งดังกล่าวที่มีคุณสมบัติเหมือนกันก็ตาม คำสั่งที่ระบุ !important จะถูกเรียกใช้เสมอ สามารถเขียนโปรแกรมได้ดังนี้

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

<style>
    .a {
        color: red;
    }
    .b {
        color: green !important;
    }
    .c {
        color: blue;
    }
</style>

<font class="a b c">Devdit.com</font>

จากตัวอย่าง มี 3 class เรียกใช้คำสั่ง color ทั้งหมด คือ a, b และ c แต่มีเพียง class b ที่ถูกใส่คำสั่ง !important เมื่อนำไปใช้งาน แท็ก font มีการเรียกใช้ class ทั้ง 3 พร้อมกัน คือ a b c แต่ผลลัพธ์ที่ได้คือ ข้อความเป็นสีเขียว คือเรียกใช้ของ class b เท่านั้น เนื่องจาก class b มีการกำหนด color: green เป็น !important ซึ่งหมายความว่าคำสั่งดังกล่าวจะถูกเรียกใช้งาน และบังคับใช้เสมอ ถึงแม้จะมีการเรียกใช้ class อื่นที่มีคุณสมบัติเหมือนกันก็ตาม