CSS !important রুলের ব্যবহার

!important রুল আপনার CSS ক্যাস케이ড बनाने একটি উপায় প্রদান করে। এতে এমন রুলও থাকে যেগুলো সর্বদা প্রযোজ্য হবে। !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>