! গুরুত্বপূর্ণ নিয়মটি আপনার CSS ক্যাসকেড করার একটি উপায় প্রদান করে৷ এটি সর্বদা প্রয়োগ করা নিয়মগুলিও অন্তর্ভুক্ত করে। একটি !গুরুত্বপূর্ণ সম্পত্তি থাকা একটি নিয়ম সর্বদা প্রয়োগ করা হবে, সেই নিয়মটি CSS নথিতে যেখানেই উপস্থিত থাকুক না কেন৷
উদাহরণস্বরূপ, নিম্নলিখিত স্টাইল শীটে, অনুচ্ছেদ পাঠটি কালো হবে, যদিও প্রয়োগ করা প্রথম শৈলী বৈশিষ্ট্যটি লাল -
<style>
<!--
p {
color: #ff0000;
}
p {
color: #000000;
}
-->
</style> যদি আপনি নিশ্চিত করতে চান যে একটি প্রপার্টি সবসময় প্রয়োগ করা হয়, তাহলে আপনি ট্যাগে !গুরুত্বপূর্ণ প্রপার্টি যোগ করবেন। অতএব, অনুচ্ছেদ পাঠকে সর্বদা লাল করতে, আপনাকে এটিকে নিম্নরূপ লিখতে হবে -
উদাহরণ
<html>
<head>
<style>
p {
color: #ff0000 !important;
}
p {
color: #000000;
}
</style>
</head>
<body>
<p>Tutorialspoint.com</p>
</body>
</html> 