শ্রেণি বনাম আইডি
ক্যাসকেডিং স্টাইল শীট (সিএসএস) এমন একটি ভাষা যা একটি মার্কআপ ভাষা ব্যবহার করে লেখা একটি নথির চেহারা এবং বিন্যাস বর্ণনা করে। HTML এ লেখা ওয়েব পেজ স্টাইল করার জন্য CSS ব্যাপকভাবে ব্যবহৃত হয়। CSS HTML উপাদানগুলির জন্য শৈলী প্রয়োগ করার পাশাপাশি আপনার নিজস্ব শৈলী নির্বাচকদের নির্দিষ্ট করার অনুমতি দেয়। এটি আইডি এবং ক্লাস নির্বাচক ব্যবহার করে করা হয়। একটি অনন্য উপাদানের জন্য একটি শৈলী নির্দিষ্ট করার সময়, আইডি নির্বাচক ব্যবহার করা হয়। উপাদানগুলির একটি গোষ্ঠীর জন্য একটি শৈলী নির্দিষ্ট করার সময়, ক্লাস নির্বাচক ব্যবহার করা হয়৷
ক্লাস কি?
CSS-এ, ক্লাস সিলেক্টর ব্যবহার করে আপনার নিজস্ব স্টাইল উপাদানের একটি গ্রুপে প্রয়োগ করা যেতে পারে।ক্লাস নির্বাচক একই শ্রেণীর উপাদানগুলির একটি সেটে একটি নির্দিষ্ট শৈলী প্রয়োগ করতে ব্যবহৃত হয়। CSS-এ, একটি শ্রেণী নির্বাচককে একটি ফুলস্টপ (.) দ্বারা চিহ্নিত করা হয়। CSS-এ সংজ্ঞায়িত একটি শ্রেণি নির্বাচকের উদাহরণ নিচে দেওয়া হল।
.আমার_ক্লাস {
রং: নীল;
ফন্ট-ওজন: গাঢ়;
}
HTML নিচে দেখানো অ্যাট্রিবিউট ক্লাস ব্যবহার করে CSS-এ সংজ্ঞায়িত ক্লাস উল্লেখ করতে পারে।
এটি আমার ফরম্যাটিং
এটা আবার আমার ফরম্যাটিং
উপরে দেখানো হিসাবে, একই ক্লাস একাধিক উপাদানের জন্য ব্যবহার করা যেতে পারে এবং একটি একক উপাদান একাধিক ক্লাস ব্যবহার করতে পারে। যখন একই এলিমেন্টে একাধিক ক্লাস ব্যবহার করা হয়, তখন ক্লাসগুলিকে ক্লাস অ্যাট্রিবিউটে ঢোকানো হয় নিচের মত একটি স্পেস দিয়ে সীমাবদ্ধ করে।
এটি দুটি ক্লাস ব্যবহার করে আমার ফরম্যাটিং
আইডি কি?
CSS-এ, একটি অনন্য উপাদানে আপনার নিজস্ব স্টাইল প্রয়োগ করতে আইডি নির্বাচক ব্যবহার করা যেতে পারে। CSS-এ, একটি আইডি নির্বাচক একটি হ্যাশ () দ্বারা চিহ্নিত করা হয়। CSS-এ সংজ্ঞায়িত একটি আইডি নির্বাচকের উদাহরণ নিচে দেওয়া হল।
আমার_আইডি {
রং: লাল;
টেক্সট-সারিবদ্ধ: ডানে;
}
HTML নিচে দেখানো অ্যাট্রিবিউট আইডি ব্যবহার করে CSS-এ সংজ্ঞায়িত আইডি নির্বাচককে উল্লেখ করতে পারে।
এটি আমার ফরম্যাটিং ফর্ম একটি আইডি নির্বাচক
আইডি অনন্য। অতএব প্রতিটি উপাদান শুধুমাত্র একটি একক আইডি থাকতে পারে এবং প্রতিটি পৃষ্ঠায় সেই নির্দিষ্ট আইডি সহ শুধুমাত্র একটি উপাদান থাকতে পারে। আইডিগুলির একটি গুরুত্বপূর্ণ বৈশিষ্ট্য রয়েছে যা একটি ব্রাউজারে ব্যবহার করা যেতে পারে। যদি পৃষ্ঠার URL-এ একটি হ্যাশ মান থাকে (যেমন https://myweb.commy_id) তাহলে ব্রাউজার স্বয়ংক্রিয়ভাবে আইডি "my_id" সহ উপাদানটি সনাক্ত করার চেষ্টা করবে এবং সেই উপাদানটি প্রদর্শন করতে ওয়েব পৃষ্ঠাটি স্ক্রোল করবে৷ এটি একটি কারণ যে পৃষ্ঠাটিতে নির্দিষ্ট আইডি সহ একটি একক উপাদান থাকা উচিত, যাতে ব্রাউজার সেই উপাদানটি সনাক্ত করতে পারে।
ক্লাস এবং আইডির মধ্যে পার্থক্য কী?
যদিও ক্লাস সিলেক্টর এবং আইডি সিলেক্টর উভয়ই ওয়েব পেজের উপাদানগুলিতে আপনার নিজস্ব স্টাইল প্রয়োগ করতে ব্যবহার করা যেতে পারে, তাদের কিছু গুরুত্বপূর্ণ পার্থক্য রয়েছে।শ্রেণি নির্বাচককে উপাদানগুলির একটি গোষ্ঠীতে আপনার নিজস্ব শৈলী প্রয়োগ করতে ব্যবহার করা যেতে পারে, যখন আইডি নির্বাচক একটি একক, অনন্য উপাদানে একটি শৈলী প্রয়োগ করতে ব্যবহৃত হয়। আইডি ব্যবহার করার সময়, প্রতিটি উপাদান শুধুমাত্র একটি একক আইডি থাকতে পারে এবং প্রতিটি পৃষ্ঠায় সেই নির্দিষ্ট আইডি সহ শুধুমাত্র একটি একক উপাদান থাকতে পারে, তবে ক্লাস একাধিক উপাদানের জন্য ব্যবহার করা যেতে পারে এবং একটি একক উপাদান একাধিক ক্লাস ব্যবহার করতে পারে। তদুপরি, আইডিটি সেই ID সহ উপাদানটি প্রদর্শন করতে স্বয়ংক্রিয়ভাবে একটি পৃষ্ঠা স্ক্রোল করতে ব্যবহার করা যেতে পারে, তবে ক্লাস নির্বাচকের সাথে এটি সম্ভব নয়।
