กฎ !important ให้วิธีทำให้ CSS cascade ของคุณทำงาน และรวมกฎที่จะถูกนำไปใช้เสมอ กฎที่มีคุณสมบัติ !important จะถูกนำไปใช้เสมอ ไม่ว่ากฎนั้นจะปรากฏที่ไหนในเอกสาร CSS
ตัวอย่างเช่น ในไฟล์สไตล์ต่อไปนี้ ข้อความย่อหน้าจะเป็นสีดำ แม้ว่าคุณสมบัติสไตล์แรกจะเป็นสีแดง:
<style> <!-- p { color: #ff0000; } p { color: #000000; } --> </style>หากคุณต้องการให้แน่ใจว่าคุณสมบัติจะถูกนำไปใช้เสมอ คุณจะเพิ่มคุณสมบัติ !important เข้าไปในแท็ก ดังนั้น เพื่อให้ข้อความย่อหน้าเป็นสีแดงเสมอ คุณควรเขียนดังนี้:
ตัวอย่าง
<html> <head> <style> p { color: #ff0000 !important; } p { color: #000000; } </style> </head> <body> <p>Tutorialspoint.com</p> </body> </html>