CSS !important নিয়ম

কী !important?

CSS-তে, !important নিয়মটি এই বৈশিষ্ট্য/মানের জন্য সাধারণ শৈলীর তুলনায় উচ্চতর প্রাথমিকতা যোগায়!

বাস্তবে, যদি আপনি ব্যবহার করেন, !important নিয়ম, যা এই তত্ত্বের উপর যেকোনো পূর্ববর্তী শৈলীর নিয়মকে ওভাররাইড করবে!

আমরা একটি উদাহরণ দেখুন:

ইনস্ট্যান্স

#myid {
  background-color: blue;
}
.myclass {
  background-color: gray;
}
p {
  background-color: red !important;
}

আমার প্রয়াস করুন

উদাহরণ ব্যাখ্যা

এই উদাহরণে, তিনটি সমস্ত পরিচ্ছেদই লাল পটভূমির রং পাবে, যদিও ID চিহ্নিতকরণকারী এবং শ্রেণী চিহ্নিতকরণকারীটির বৈশিষ্ট্যসম্পন্নতা উচ্চতর!important নিয়মটি এই দুই পরিস্থিতিতেই background-color এটা নিয়ন্ত্রণ করে

প্রধান বিষয় !important

নিয়ন্ত্রণ !important নিয়মগুলির একমাত্র উপায় হল সোর্স কোডে আরেকটি নিয়ম যার সংকেতশব্দ একই (বা উচ্চতর) বৈশিষ্ট্যসম্পন্ন হয়: !important নিয়ম - এটা সমস্যার শুরু! এটা CSS কোডটিকে কমিংওয়ালি করে, এবং ডিবাগিংও কঠিন হয়, বিশেষত আপনি বড় শৈলীসূচীর ক্ষেত্রে!

এখানে আমরা একটি সহজ উদাহরণ তৈরি করেছি। যখন আপনি CSS সোর্স কোড দেখেন, কিছুমাত্র রংটি কোনো সবচেয়ে মূল্যবান হলে নিশ্চিত নয়:

ইনস্ট্যান্স

#myid {
  background-color: blue !important;
}
.myclass {
  background-color: gray !important;
}
p {
  background-color: red !important;
}

আমার প্রয়াস করুন

টীকা:জানুন, !important নিয়ম ভালো। আপনি কিছু CSS সোর্স কোডে তা দেখতে পাবেন, কিন্তু যদি আপনি অবশ্যই ব্যবহার করতে হয়, তবে ব্যবহার করুন না।

কিছুমাত্র যৌক্তিক ব্যবহারের !important থাকতে পারে

একটি অন্য পদ্ধতি হল, !important যদি আপনি যেকোনো অন্য পদ্ধতিতে বিকাশিত না করতে পারেন, তবে অনুকূল নয়, তা হল আপনি কোনো কনটেন্ট ম্যানেজমেন্ট সিস্টেম (CMS) ব্যবহার করছেন এবং CSS কোডটি সম্পাদনা করতে পারছেন না। তবে তারপরে আপনি কিছু কাস্টম শৈলী নিয়ে কিছু CMS শৈলীকে ওভাররাইড করতে পারেন।

একটি অন্য পদ্ধতি হল, !important এর পরিস্থিতি হল: যদি আপনি চান যে সব বাটনই পাতায় বিশেষ অনুভূতির মাধ্যমে থাকবে, এখানে বাটনের শৈলী হল হালকা গ্রেই পটভূমির রং, সাদা লেখার রং এবং কিছু অভ্যন্তরীণ মাঝপদমূল এবং সীমানা:

ইনস্ট্যান্স

.button {
  background-color: #8c8c8c;
  color: white;
  padding: 5px;
  border: 1px solid black;
}

আমার প্রয়াস করুন

যদি আমরা বাটনটিকে একটি উচ্চতর বৈশিষ্ট্যসম্পন্ন অন্য তত্ত্বে রাখি, তবে বাটনের আকৃতির উপর কখনও কখনও পরিবর্তন হতে পারে, এবং নিয়ন্ত্রণসম্পর্কীয় সংঘাত হতে পারে। একটি উদাহরণ হল:

ইনস্ট্যান্স

.button {
  background-color: #8c8c8c;
  color: white;
  padding: 5px;
  border: 1px solid black;
}
#myDiv a {
  color: red;
  background-color: yellow;
}

আমার প্রয়াস করুন

সবক্ষম বাটনগুলির একই আকৃতির হওয়ার জন্য 'বাধ্যতামূলক' করার জন্য আমরা !important রুল বাটনের প্রতিভায় যোগ করুন, যেমন নিচে দেখা যাচ্ছে:

ইনস্ট্যান্স

.button {
  background-color: #8c8c8c !important;
  color: white !important;
  padding: 5px !important;
  border: 1px solid black !important;
}
#myDiv a {
  color: red;
  background-color: yellow;
}

আমার প্রয়াস করুন