กฎ !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> 