ক্লাস এবং আইডি মধ্যে পার্থক্য

Anonim

ক্লাস বনাম আইডি

ক্যাসকেডিং স্টাইল শীটস (সিএসএস) একটি ভাষা যা একটি মার্কআপ ল্যাঙ্গুয়েজ ব্যবহার করে লেখা একটি নথির চেহারা এবং বিন্যাসকে বর্ণনা করে। এইচটিএমএলতে লেখা CSS পৃষ্ঠাগুলির জন্য CSS ব্যাপকভাবে ব্যবহৃত হয় এইচটিএমএল এলিমেন্টের জন্য শৈলী প্রয়োগ করার পাশাপাশি সিএসএস আপনার নিজের শৈলী নির্বাচক নির্দিষ্ট করার অনুমতি দেয়। এই আইডি এবং বর্গ নির্বাচক ব্যবহার করে করা হয়। একটি অনন্য উপাদান জন্য একটি শৈলী নির্দিষ্ট করার সময়, আইডি নির্বাচক ব্যবহৃত হয়। একটি গ্রুপ উপাদান জন্য একটি শৈলী নির্দিষ্ট করার সময়, ক্লাস নির্বাচক ব্যবহৃত হয়

ক্লাস কি?

সিএসএস-এ, ক্লাসের নির্বাচককে আপনার নিজস্ব শৈলী উপাদানগুলির একটি গ্রুপে প্রয়োগ করতে ব্যবহার করা যেতে পারে। ক্লাসের নির্বাচকটি একটি নির্দিষ্ট শৈলীতে একই শ্রেণীর উপাদানগুলির একটি সেট প্রয়োগ করতে ব্যবহৃত হয়। CSS এ, একটি শ্রেণী নির্বাচক একটি পূর্ণ স্টপ (।) দ্বারা চিহ্নিত করা হয়। নিম্নলিখিত একটি সিএসএস সিলেটর সংজ্ঞায়িত নির্বাচন নির্বাচক একটি উদাহরণ।

। my_class {

রঙ: নীল;

ফন্ট-ওজন: সাহসী;

}

এইচটিএমএল এলিমেন্টটি সিএসএস-এ বর্ণিত শ্রেণীতে উল্লেখিত বৈশিষ্ট্যটি ব্যবহার করতে পারে।

এটি আমার বিন্যাসন

এটি আমার ফর্ম্যাটিং আবার

উপরে দেখানো হয়েছে, একই ক্লাস একাধিক উপাদানের জন্য ব্যবহার করা যেতে পারে এবং একক উপাদান একাধিক ক্লাস ব্যবহার করতে পারে। যখন একই উপাদানতে একাধিক ক্লাস ব্যবহার করা হয়, তখন শ্রেণী বিভাজিত একটি বিন্দু দ্বারা বিভাজিত ক্লাস অ্যাট্রিবিউটের মধ্যে অন্তর্ভুক্ত করা হয়।

এটি আমার বিন্যাস দুটি ক্লাস ব্যবহার করে

একটি আইডি কি?

সিএসএস-এ, আইডি সিলেক্টরটি আপনার নিজস্ব স্টাইলটি একটি একক এলিমেন্টে প্রয়োগ করতে ব্যবহার করা যেতে পারে। CSS এ, একটি আইডি নির্বাচনকারী একটি হ্যাশ দ্বারা চিহ্নিত (#)। নিম্নলিখিত একটি সিডি সিডি মধ্যে সংজ্ঞা আইডি নির্বাচক একটি উদাহরণ।

#my_ID {

রঙ: লাল;

টেক্সট-সারিবদ্ধ: ডান;

}

এইচটিএমএল সিলেক্টকৃত আইডি নির্বাচনকারীকে এন্ট্রিবিউট আইডি ব্যবহার করে দেখানো হতে পারে।

এটি আমার ফর্ম্যাটিং ফর্ম হল একটি ID নির্বাচনকারী

IDs অনন্য তাই প্রতিটি উপাদান শুধুমাত্র একটি আইডি থাকতে পারে এবং প্রতিটি পৃষ্ঠায় সেই নির্দিষ্ট আইডি দিয়ে কেবল একটি একক উপাদান থাকতে পারে। আইডিগুলির একটি গুরুত্বপূর্ণ বৈশিষ্ট রয়েছে যা একটি ব্রাউজারের সাথে ব্যবহার করা যেতে পারে। যদি পৃষ্ঠা URL টি একটি হ্যাশ মান থাকে (যেমন, // myweb। Com # my_id) তাহলে ব্রাউজার আইডি "my_id" দ্বারা স্বয়ংক্রিয়ভাবে উপাদানটি সনাক্ত করার চেষ্টা করবে এবং সেই উপাদান প্রদর্শন করতে ওয়েবপৃষ্ঠাটি স্ক্রোল করবে। এটি একটি নির্দিষ্ট কারণ হল যে পৃষ্ঠাটি নির্দিষ্ট আইডি দিয়ে একটি একক উপাদান থাকা উচিত, যাতে ব্রাউজারটি সেই উপাদানটি সনাক্ত করতে পারে।

ক্লাস এবং আইডি এর মধ্যে পার্থক্য কি?

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