সিএসএস নির্বাচকগুলি লক্ষ্য উপাদানটিতে ব্যবহৃত হয়, উপাদানটি লুকান এবং এক বা একাধিক এইচটিএমএল উপাদান চিহ্নিত করার জন্য উপাদান বৈশিষ্ট্যগুলির জন্য অপেক্ষা করুন। দুটি প্রধান প্রকারের সিএসএস নির্বাচক হলেন আইডি বা শ্রেণি দ্বারা নির্বাচন করা। এইচটিএমএল উপাদানটির একটি আইডি রয়েছে যদি এতে নীচের চিত্রের মতো আইডি বৈশিষ্ট্য থাকে।
<span id="myidentifier">Example Text</span>
এটি নির্বাচন করতে আপনি একটি সিএসএস নির্বাচনকারী তৈরি করুন #myidentifier
যদি এইচটিএমএল উপাদানটির একটি শ্রেণি থাকে তবে এর উদাহরণ হিসাবে প্রদর্শিত শ্রেণীর বৈশিষ্ট্য থাকবে class
<div> <span class="myclass">Example Text One</span> <span class="myclass">Example Text Two</span> <span class="myclass">Example Text Three</span> </div>
এটি নির্বাচন করতে আপনি একটি সিএসএস নির্বাচনকারী তৈরি করুন .myclass
আপনি যদি শ্রেণীর সাথে একটি নির্দিষ্ট উপাদান নির্বাচন করতে চান myclass
আপনি এক্ষেত্রে স্ট্যান্ডার্ড সিএসএস নির্বাচক ব্যবহার করতে পারেন n তম সন্তান (2) নির্বাচক যেমন পছন্দ: .myclass:nth-child(2)
দ্বিতীয় মাইক্লাস স্প্যান নির্বাচন করতে। তবে এটি কেবলমাত্র এই ক্ষেত্রে কাজ করবে কারণ পিতামহিক ডিভ উপাদানটির অধীনে অন্য কোনও উপাদান নেই। উদাহরণস্বরূপ যদি এপি উপাদান থাকে তবে এটি নবম-চাইল্ড সূচকে বদলে দেবে।
কখনও কখনও আপনার এইচটিএমএল উপাদান নির্বাচন করতে হবে এমন কোনও আইডি বা শ্রেণি নেই যা কোনও পৃষ্ঠার মধ্যে অনন্য। এই এইচটিএমএল উপাদানগুলি নির্বাচন করার সময়, আরও জটিল সিএসএস নির্বাচনকারী প্রয়োজন।
<div class="Header"> <a href="https://www.example.com/"> <div>...</div> </a> <div class="SearchBar">...</div> <div class="TagLine">...</div> </div>
উদাহরণস্বরূপ, উদাহরণস্বরূপ, উপরে আমরা লিঙ্কের মধ্যে ডিআইভি উপাদান নির্বাচন করতে চাই। এটি করার জন্য, আমাদের এমন একটি সিএসএস নির্বাচনকারী নির্দিষ্ট করতে হবে যা এর সাথে অনন্য ডিআইভি থেকে কাজ করে Header
বর্গ.
div.Header a div
সিএসএস নির্বাচনকারীরা ওয়েব বিকাশের একটি আদর্শ বৈশিষ্ট্য। এই নিবন্ধটি একটি ভাল ওভারভিউ দেয় সিএসএস নির্বাচনকারীদের কীভাবে ব্যবহার করবেন.
যদি একাধিক এইচটিএমএল উপাদানগুলি কোনও সিএসএস নির্বাচক থেকে ফিরে আসে এবং আপনি লক্ষ্য উপাদানটি ব্যবহার করে থাকেন বা উপাদান বৈশিষ্ট্যের জন্য অপেক্ষা করেন তবে কেবল প্রথম ম্যাচিং উপাদান ব্যবহার করা হবে। তবে আপনি যদি গোপন উপাদান বৈশিষ্ট্যটি ব্যবহার করেন তবে সমস্ত মিলের এইচটিএমএল উপাদানগুলি গোপন করা হবে।
আপনি যদি বিভিন্ন আইডি বা ক্লাসের সাহায্যে একাধিক উপাদানগুলি আড়াল করতে চেয়েছিলেন তবে প্রতিটি সিএসএস নির্বাচককে কমা দিয়ে আলাদা করে আপনি এটি করতে পারেন। উদাহরণস্বরূপ উদাহরণস্বরূপ ক্লাস এবং আইডিটি লুকানোর জন্য আপনি নিম্নলিখিতটি ব্যবহার করবেন #myidentifier,.myclass