এই উত্তরটি নিখুঁত নতুনদের জন্য। আপনি যদি এই উত্তরটির ওভারভিউ চান তবে আমার দ্বিতীয় উত্তরটি পড়ুন।
একাধিক নিয়ম যখন কোনও নির্দিষ্ট উপাদানের জন্য প্রযোজ্য হয় তখন বিভিন্ন স্টাইলশিটগুলির সংমিশ্রণ এবং বিভিন্ন সিএসএস বিধি এবং ঘোষণার মধ্যে বিরোধ নিষ্পত্তি করার প্রক্রিয়া ক্যাসকেডিং । কারণ আপনি সম্ভবত ইতিমধ্যে জানেন যে ফন্টের আকারের মতো নির্দিষ্ট স্টাইলের সম্পত্তিগুলির জন্য একটি ঘোষণা একাধিক স্টাইলশীট এবং একক স্টাইলশিটের ভিতরেও বেশ কয়েকবার প্রদর্শিত হতে পারে।
ক্যাসকেডিং বুঝতে আপনার অবশ্যই সিএসএস পার্সিং ফেজ দিয়ে শুরু করতে হবে কারণ পার্সিং পর্বে প্রথম পদক্ষেপটি বিবাদী সিএসএস ঘোষণাগুলি সমাধান করা এবং দ্বিতীয় ধাপটি হ'ল সিএসএসের চূড়ান্ত মানগুলি প্রক্রিয়া করা।
এখন সিএসএসও বিভিন্ন উত্স থেকে আসতে পারে। সবচেয়ে সাধারণ একটি হ'ল সিএসএস যা আমরা বিকাশকারীরা লিখি। আমরা আমাদের স্টাইলশীটগুলিতে রেখেছি এমন ঘোষণাগুলিকে লেখক ঘোষণা বলে। অন্য উত্সটি ব্যবহারকারী ঘোষণা হতে পারে, যা ব্যবহারকারীর কাছ থেকে সিএসএস আসছে। উদাহরণস্বরূপ, যখন ব্যবহারকারী ব্রাউজারে ডিফল্ট ফন্টের আকার পরিবর্তন করে তা তখন ব্যবহারকারী সিএসএস এবং সর্বশেষে তবে ডিফল্ট ব্রাউজারের ঘোষণা থাকে না।
উদাহরণস্বরূপ, আমরা যদি কোনও লিঙ্কের জন্য যদি আমাদের এইচটিএমএলে একটি অ্যাঙ্কর ট্যাগ রাখি এবং তারপরে একে একে স্টাইল না করি তবে এটি সাধারণত নীল পাঠ্য এবং আন্ডারলাইন করা হয়, ডানদিকে। এটিকে ব্যবহারকারী এজেন্ট সিএসএস বলা হয় কারণ এটি ব্রাউজার দ্বারা সেট করা হয়েছে। সুতরাং ক্যাসকেড এই সমস্ত বিভিন্ন উত্স থেকে আগত সিএসএস ঘোষণাগুলির সাথে সংযুক্ত করে, তবে যখন একাধিক নিয়ম প্রয়োগ হয় তখন ক্যাসকেড আসলে সংঘাতগুলি কীভাবে সমাধান করবে?
ঠিক আছে, এটি যা করে তা হ'ল নির্বাচকের সুনির্দিষ্টতার দিকে নজর দেওয়া এবং বিরোধী ঘোষণার উত্সের ক্রমটি কোনটি অগ্রাধিকার নেয় তা নির্ধারণ করার জন্য এবং এটি কীভাবে কাজ করে তা এখানে। প্রথমে ক্যাসকেডটি তাদের উত্সে কোথায় ঘোষিত হয়েছে তার ভিত্তিতে বিভিন্ন গুরুত্বের বিরোধী ঘোষণা দিয়ে শুরু হয়। সর্বাধিক গুরুত্বপূর্ণ ঘোষণাগুলি হ'ল গুরুত্বপূর্ণ কীওয়ার্ডের সাহায্যে চিহ্নিত ব্যবহারকারী ঘোষণা।
দ্বিতীয় সর্বাধিক গুরুত্বপূর্ণ ঘোষণাগুলি হ'ল লেখকের ঘোষণাপত্রকে গুরুত্বপূর্ণ হিসাবে চিহ্নিত করা হয়। তৃতীয়ত, সাধারণ লেখকের ঘোষণা, তারপরে সাধারণ ব্যবহারকারী ঘোষণা এবং শেষ অবধি সর্বনিম্ন গুরুত্বপূর্ণ হ'ল ডিফল্ট ব্রাউজারের ঘোষণা, যা আসলে প্রচুর পরিমাণে বোঝা যায় যে আমরা ব্রাউজার থেকে ডিফল্টরূপে আসা এই ঘোষণাগুলি সহজেই ওভাররাইট করতে পারি।
এখন অনেক সময় আমাদের কোনও গুরুত্বপূর্ণ কীওয়ার্ড ছাড়াই আমাদের লেখক স্টাইলশীটগুলিতে প্রচুর বিরোধী নিয়ম থাকবে। এটি আসলে সবচেয়ে সাধারণ পরিস্থিতি এবং এক্ষেত্রে সমস্ত ঘোষণার যথাযথ গুরুত্ব রয়েছে exact এখন, এই ক্ষেত্রে কি ঘটে? কাসকেডটি যদি এই ক্ষেত্রে হয় তবে তা ঘোষণাপত্র বাছাইকারীদের নির্দিষ্টকরণের গণনা করা এবং তার সাথে তুলনা করা and এবং এটি এটি কীভাবে কাজ করে।
ইনলাইন শৈলীতে আইডি, তারপরে ক্লাস, সিউডো-ক্লাস এবং বৈশিষ্ট্য নির্বাচক এবং অবশেষে সুনির্দিষ্ট সুনির্দিষ্ট উপাদান এবং সিউডো-এলিমেন্ট সিলেক্টারের সর্বাধিক নির্দিষ্টতা রয়েছে। সুতরাং আমরা যখন আমাদের পূর্ববর্তী স্লাইডে দেখেছি তেমন গুরুত্বের সাথে বিরোধী ঘোষণাগুলি আমরা কেবলমাত্র আপনাকে দেখিয়েছি এমন অগ্রাধিকারের ভিত্তিতে তাদের নির্বাচকের সুনির্দিষ্টতা গণনা করি, তবে আসুন আমরা দেখি কীভাবে আমরা একটি ছোট উদাহরণ দিয়ে নির্দিষ্টকরণগুলি গণনা করি, এটি সর্বদা সেরা, সঠিক।
উপরের উদাহরণ থেকে এই সমস্ত ঘোষণার একই গুরুত্ব রয়েছে, কারণ এগুলি সমস্ত লেখকের ঘোষণাপত্র। সুতরাং পটভূমির রঙটি নীল, সবুজ, বেগুনি বা হলুদ হবে কিনা তা খুঁজে বের করার জন্য তাদের নির্বাচক বৈশিষ্ট্যগুলি গণনা করি এবং আমরা এটি কীভাবে করব। সুনির্দিষ্টতাটি কেবলমাত্র একটি সংখ্যা নয়, আমি আপনাকে আগে যে চারটি বিভাগ দেখিয়েছিলাম তার প্রতিটিটির জন্য একটি সংখ্যা। ইনলাইন শৈলী, আইডি, ক্লাস, সিউডো-উপাদান এবং বৈশিষ্ট্য এবং শেষ পর্যন্ত উপাদানগুলি এবং এর প্রত্যেকটির জন্য, আমরা নির্বাচকটিতে সংখ্যার সংখ্যা গণনা করি।
সুতরাং এখানে নির্বাচক এক হিসাবে, আমরা অবশ্যই কোনও ইনলাইন শৈলী নেই, কারণ একটি ইনলাইন শৈলী এইচটিএমএল লিখতে হবে, যা এখানে ঘটনা নয়, তাই এটি একটি শূন্য। আমাদের এখানে কোনও আইডি নেই, সুতরাং এটি আবার শূন্য, তবে আমাদের কাছে একটি ক্লাস, বোতাম শ্রেণি রয়েছে। ক্লাস বিভাগের জন্য, আমাদের একটি আছে এবং শেষ অবধি, এখানে কোনও উপাদান নির্বাচক নেই এতটা শূন্যের জন্যও, এবং এটিই। নির্বাচকের নির্দিষ্টতা শূন্য, শূন্য, এক, শূন্য।
এখন, এখন এটি অন্যদের সাথে তুলনা করি। পরেরটি কোনও ইনলাইন শৈলী নয়, তাই প্রথমটির জন্য শূন্য। এখন এখানে আসলে আমাদের কাছে ঠিক আইডি নির্বাচনকারী এনএভি আইডি আছে, তাই এটি আইডির জন্য একটি। আমাদের কাছে দুটি ক্লাসও ডান এবং বোতাম টান তাই এটি ক্লাস বিভাগের জন্য একটি দুটি এবং অবশেষে, এখানে দুটি উপাদান নির্বাচকও রয়েছে। ন্যাভ উপাদান এবং ডিভ উপাদান, যার অর্থ এটি উপাদান বিভাগের জন্যও দুটি two সুতরাং অবশেষে নির্বাচকটির নির্দিষ্টতা শূন্য, এক, দুই, দুই, যা আসলে একটি অত্যন্ত নির্দিষ্ট নির্বাচক।
তিন নম্বর নির্বাচক খুব সহজ। এটি কেবলমাত্র একটি উপাদান নির্বাচক এবং তাই বৈশিষ্ট্যটি শূন্য, শূন্য, শূন্য, এক।
এখন শেষ এক, নির্বাচক চার নম্বর। প্রথমে আমাদের কাছে এনএভি আইডি রয়েছে, সুতরাং এটি আইডির জন্য একটি। এর পরে, আমাদের একটি ক্লাস, বাটন ক্লাস এবং একটি সিউডো-ক্লাস রয়েছে, যা হোভার হয়, যা এটি মোট শ্রেণি বিভাগের জন্য দুটি করে তোলে। যেহেতু একটি উপাদান নির্বাচক এছাড়াও আছে চূড়ান্ত বৈশিষ্ট্য শূন্য, এক, দুই, এক।
এখন আসুন জেনে নেওয়া যাক নির্বাচিতদের মধ্যে কোনটি প্রয়োগ হয় তা জানতে আমরা কীভাবে এই সংখ্যাগুলি ব্যবহার করি। আমরা সর্বাধিক নির্দিষ্ট বিভাগ, ইনলাইন শৈলীর সাথে শুরু করে বাম থেকে ডান দিকে সংখ্যাগুলি দেখতে শুরু করি। যদি ইনলাইন শৈলীর জন্য একজন নির্বাচক থাকে তবে অন্য সমস্ত নির্বাচকদের বিপক্ষে জয়ী হন, কারণ এটি সর্বাধিক নির্দিষ্ট বিভাগ। ঠিক আছে, এখানে এটি নয়, তাই আইডিগুলিতে এগিয়ে যাওয়া যাক। আমরা দেখতে পাই যে নির্বাচকদের দু'একজনের এখানে একটি আছে এবং অন্যদের শূন্য রয়েছে তাই শূন্যের সাথে থাকা খেলাগুলি বাদ পড়েছে কারণ তারা কম নির্দিষ্ট, তারপরে নির্বাচক দু'জন এবং আইডি সহ চারজন।
এখন যেহেতু উভয় নির্বাচকের আইডি ক্যাটাগরিতে একটি রয়েছে আমাদের ক্লাসগুলি চালিয়ে যেতে হবে। এই ক্যাটাগরিতে তাদের দু'জনেরই এখনও একটি টাই রয়েছে এবং অবশেষে, উপাদান বিভাগে, নির্বাচক দু'জনের দুটি আছে, যখন নির্বাচক চারটির একটি মাত্র আছে এবং তাই আমাদের এখানে একটি বিজয়ী রয়েছে। দুই নম্বর নির্বাচক সকলের মধ্যে সুনির্দিষ্ট নির্বাচক এবং সুতরাং এটি আমাদের বোতামটিকে সবুজ পটভূমি দেবে 4৪ বিজয়ী ঘোষণার মানটিকে ক্যাসকেড মান বলা হয় কারণ এটি ক্যাসকেডের ফলাফল।
সুতরাং আমরা এক্ষেত্রে নীল, সবুজ, বেগুনি এবং হলুদগুলির মধ্যে ঘোষিত মানগুলির একটি গোছা দিয়ে শুরু করি এবং এর মধ্যে একটি জিতে যায় এবং ক্যাসকেড মান হয়ে যায়, যা আমাদের উদাহরণে সবুজ।
এখন কল্পনা করুন সেক্টরের চারটিতেও দুটি উপাদান ছিল তখন দু'জন নির্বাচকই দু'জনেই ঠিক একই রকমের বৈশিষ্ট্য অর্জন করতে পারেন। সুতরাং এই ক্ষেত্রে কী ঘটে এবং আমি আপনাকে প্রতিশ্রুতি দিচ্ছি এটি এখন প্রায় শেষ। ঠিক আছে যদি এখনও এই সময়ে একটি টাই থাকে তবে কোডে লেখা শেষ সিএসএস ঘোষণার ক্ষেত্রে এটি প্রয়োগ হবে। সুতরাং আবার যদি সমস্ত কিছু সমান হয়, যদি সমস্ত ঘোষণাকারী নির্বাচকদের একই বৈশিষ্ট্য থাকে তবে এটি কেবলমাত্র সর্বশেষ ঘোষণা যা নির্বাচিত উপাদানটির স্টাইল করতে ব্যবহৃত হবে।