ক্যাসকেড যা সিএসএস স্টাইল শীটগুলিকে এতই উপযোগী করে তোলে। সংক্ষেপে, ক্যাসকেড দ্বন্দ্ব শৈলী প্রয়োগ করা উচিত জন্য অগ্রাধিকার আদেশ সংজ্ঞায়িত করে। অন্য কথায়, যদি আপনার দুটি শৈলী থাকে:
পি {রঙ: লাল; }পি {রঙ: নীল; }
ক্যাসকেড নির্ধারণ করে যে অনুচ্ছেদগুলি কোন রঙের হওয়া উচিত, যদিও স্টাইল শীট বলে যে তারা লাল এবং নীল উভয় হওয়া উচিত। অবশেষে শুধুমাত্র এক রঙ অনুচ্ছেদ প্রয়োগ করা যেতে পারে, তাই একটি আদেশ আছে। এবং এই আদেশ দ্বারা নির্বাচন করা হয় যা নির্বাচক (দী পি উপরের উদাহরণে) সর্বোচ্চ অগ্রাধিকার এবং নথিতে তারা কোন আদেশটি উপস্থিত হয়।
নিম্নলিখিত তালিকাটি কীভাবে আপনার ব্রাউজারটি শৈলীটির জন্য অগ্রাধিকার নির্ধারণ করে সেটির একটি সরলীকরণ:
- উপাদান সাথে মিলে একটি নির্বাচক জন্য শৈলী শীট দেখুন। কোন সংজ্ঞায়িত শৈলী নেই, তাহলে ব্রাউজারে ডিফল্ট নিয়ম ব্যবহার করুন
- চিহ্নিত নির্বাচকদের জন্য শৈলী শীট দেখুন
! গুরুত্বপূর্ণএবং উপযুক্ত উপাদান প্রয়োগ করুন। - স্টাইল শীটের সমস্ত শৈলী ডিফল্ট ব্রাউজারের শৈলীগুলিকে ওভাররাইড করবে (ব্যবহারকারী স্টাইল শীটগুলির ক্ষেত্রে ব্যতীত)।
- শৈলী নির্বাচক আরো নির্দিষ্ট, এটা অগ্রাধিকার উচ্চতর হবে। উদাহরণ স্বরূপ,
div> p.classচেয়ে আরো নির্দিষ্টp.classযা চেয়ে আরো নির্দিষ্টপি. - অবশেষে, যদি দুটি নিয়ম একই উপাদানটিতে প্রযোজ্য হয় এবং একই নির্বাচনকারীর অগ্রাধিকার থাকে, এটি লোড করা হয়েছে গত প্রয়োগ করা হবে. অন্য কথায়, স্টাইল শীটটি উপরে থেকে নীচ পর্যন্ত পড়তে হয় এবং শৈলীগুলি একে অপরের উপরে প্রয়োগ করা হয়।
এই নিয়মগুলির উপর ভিত্তি করে, উপরের উদাহরণে, অনুচ্ছেদের নীল লেখা হবে কারণ পি {রঙ: নীল; } স্টাইল শীট শেষ আসে।
এই ক্যাসকেড একটি খুব সরলীকৃত ব্যাখ্যা। যদি আপনি ক্যাসকেড কিভাবে কাজ করে সে সম্পর্কে আরো জানতে আগ্রহী হন তবে আপনাকে পড়তে হবে ক্যাসকেডিং স্টাইল শীটগুলিতে "ক্যাসকেড" মানে কী?
