!important রুল একটি ওয়েবপেজের স্টাইলিং ওভাররাইড করতে ব্যবহৃত হয়। সত্যিকারের কথা, !important ব্যবহার না করার কারণগুলো ব্যবহার করার কারণের চেয়ে অনেক বেশি। আসুন আলোচনা করি এটি কীভাবে কাজ করে এবং কেন এটি কেবলমাত্র খুব জরুরি হলে ব্যবহার করা উচিত।
ইউজার-এজেন্ট স্টাইলশিট ওভাররাইড করা
CSS লিখার সময় এমন পরিস্থিতি আসে যখন আপনাকে দেওয়া স্টাইলশিট ওভাররাইড করতে হয়। Bootstrap-এর মতো CSS ফ্রেমওয়ার্ক ব্যবহার করার সময় আপনি বিল্ট-ইন স্টাইলিং কাস্টমাইজ করতে চাইতে পারেন। !important রুল ব্যবহার করে ফ্রেমওয়ার্কের স্টাইল ওভাররাইড করা সম্ভব।
.navbar {
background-color: pink !important;
}
ইনলাইন স্টাইল ওভাররাইড করা
এক আরেক ইউজ কেস হলো এলিমেন্টের ইনলাইন স্টাইল ওভাররাইড করা। ইনলাইন স্টাইল সাধারণত খুব শক্তিশালী হয়, তবে !important রুল ব্যবহার করে এটিও ওভাররাইড করা যায়।
.line-item:first-child {
color: purple !important;
}
কেন !important কম ব্যবহার করা উচিত
!important রুল বেস্ট প্র্যাক্টিস নয় এবং এটি যথাসম্ভব কম ব্যবহার করা উচিত। কারণ:
- বादে বাগ খুঁজে বের করা কঠিন হয়।
- স্পেসিফিসিটি ওয়ার (specificity war) সৃষ্টি করে।
- মেইনটেনেন্স কঠিন করে।
যদি আপনি ফ্রেমওয়ার্ক ব্যবহার না করেন এবং !important ব্যবহার করার প্রয়োজন মনে হয়, তবে সাধারণত আপনার সিলেক্টরগুলো পুনর্গঠন করাই ভালো সমাধান।
উপসংহার
!important রুল একটি শক্তিশালী হथিয়ার কিন্তু এর অতি ব্যবহার কোডবেসকে মেইনটেইন করা কঠিন করে তোলে। শুধু অত্যাবশ্যক পরিস্থিতিতে (যেমন: থার্ড-পার্টি ফ্রেমওয়ার্কের স্টাইল ওভাররাইড করার সময়) এটিকে সীমিতভাবে ব্যবহার করুন।
