ক্যাসকেডিং স্টাইল শীটস এর ক্যাসকেড কি তা জানুন

সিএসএস সংক্ষিপ্ত কোর্স

সিএসএস স্টাইল শীট গুলো এতই দরকারী বলে ক্যাসকেড কি। সংক্ষেপে, ক্যাসকেড কিভাবে প্রবনতা শৈলী প্রয়োগ করা উচিত জন্য অগ্রাধিকারের আদেশ সংজ্ঞায়িত। অন্য কথায়, আপনার দুটি শৈলী আছে:

পি {রঙ: লাল; }
পি {রঙ: নীল; }

ক্যাসকেড নির্ধারণ করে যে অনুচ্ছেদগুলি কোন রঙটি হওয়া উচিত, যদিও স্টাইল শীটটি বলে যে তারা উভয় লাল এবং নীল হওয়া উচিত। পরিশেষে শুধুমাত্র এক রঙ অনুচ্ছেদ প্রয়োগ করা যেতে পারে, তাই একটি আদেশ করা আছে।

এবং এই আদেশটি প্রয়োগ করা হয় যার মাধ্যমে নির্বাচকরা (উপরের উদাহরণে পি) সর্বোচ্চ অগ্রাধিকার পায় এবং তারা কোনও ডকুমেন্টে কোন ক্রমানুসারে উপস্থিত হয়।

নিম্নোক্ত তালিকা হল একটি সরলতা যা আপনার ব্রাউজার শৈলীতে অগ্রাধিকার নির্ধারণ করে:

  1. একটি উপাদান নির্বাণ নির্বাচক জন্য শৈলী শীট মধ্যে চেহারা। যদি কোন নির্দিষ্ট শৈলী না থাকে তবে ব্রাউজারের ডিফল্ট নিয়মগুলি ব্যবহার করুন
  2. নির্বাচকদের চিহ্নিতকরণের জন্য স্টাইল শীয়ে তাকান! গুরুত্বপূর্ণ এবং যথাযথ উপাদানের জন্য এটি প্রয়োগ করুন।
  3. স্টাইল শীটের সব শৈলী ডিফল্ট ব্রাউজার শৈলী (ব্যবহারকারী স্টাইল শীট ক্ষেত্রে ছাড়া) ওভাররাইড করবে।
  4. আরো নির্দিষ্ট শৈলী নির্বাচক, উচ্চতর অগ্রাধিকার এটি হবে। উদাহরণস্বরূপ, div> p.class p.class এর তুলনায় আরো নির্দিষ্ট যা পি এর চেয়ে বেশি নির্দিষ্ট।
  5. অবশেষে, যদি দুটি নিয়ম একই উপাদান প্রয়োগ করে এবং একই নির্বাচক অগ্রাধিকার থাকে, তাহলে যেটি লোড করা হয়েছিল সেটি প্রয়োগ করা হবে। অন্য কথায়, স্টাইল শীট উপরে থেকে নীচে পড়তে হয়, এবং শৈলী একে অপরের উপরে প্রয়োগ করা হয়।

এই নিয়মগুলির উপর ভিত্তি করে, উপরের উদাহরণে অনুচ্ছেদের নীল রঙে লেখা হবে, কারণ p {color: blue; } শৈলী শীটে শেষ আসে।

এটি ক্যাসকেডের একটি খুব সরল ব্যাখ্যা। যদি আপনি ক্যাসকেড কিভাবে কাজ করে সে সম্পর্কে আরো জানতে আগ্রহী হন, তাহলে আপনি কি ক্যাসকেডিং স্টাইল শীটগুলির মধ্যে "ক্যাসকেড" এর অর্থ কী পড়বেন ?