বেসিক CSS: এলিমেন্ট, আইডি এবং নির্বাচন করা Class

CSS-এ, আপনি উপাদান নির্বাচন করতে পারেন, class এবং id শৈলী প্রয়োগ করতে এবং আপনার ওয়েব পৃষ্ঠায় উপাদানগুলি কাস্টমাইজ করতে পারেন। সেগুলি কীভাবে ব্যবহার করবেন সে সম্পর্কে এখানে একটি বিশদ নির্দেশিকা রয়েছে:

উপাদান নির্বাচন

একটি নির্দিষ্ট HTML উপাদানের সমস্ত দৃষ্টান্ত নির্বাচন করতে, একটি নির্বাচক হিসাবে উপাদানের নাম ব্যবহার করুন। উদাহরণস্বরূপ, নথিতে p সমস্ত ট্যাগ নির্বাচন করে । <p>

নির্বাচন করা Class

একই শ্রেণীর উপাদান নির্বাচন করতে, একটি বিন্দু ব্যবহার করুন "।" ক্লাসের নাম অনুসরণ করে। উদাহরণস্বরূপ, .my-class ক্লাস সহ সমস্ত উপাদান নির্বাচন করে my-class ।

একাধিক ক্লাস সহ উপাদান নির্বাচন করতে, "" বিন্দু ব্যবহার করুন। এবং স্পেস দ্বারা বিভক্ত শ্রেণীর নাম তালিকাভুক্ত করুন। উদাহরণস্বরূপ, .class1.class2 উভয় class1 এবং class2 ক্লাস সহ উপাদান নির্বাচন করে।

নির্বাচন করা id

এর দ্বারা একটি নির্দিষ্ট উপাদান নির্বাচন করতে id, একটি হ্যাশ ব্যবহার করুন "#" এর পরে উপাদানটির id । উদাহরণস্বরূপ, #my-id দিয়ে উপাদান নির্বাচন করে id my-id ।

সমন্বয় Element, Class, এবং ID নির্বাচন

আপনি class নির্দিষ্ট ক্লাস এবং ID.

উদাহরণস্বরূপ,  এবং এর সাথে উপাদান div.my-class#my-id নির্বাচন করে । <div> class my-class ID my-id

এখানে উপাদান নির্বাচন করার একটি নির্দিষ্ট উদাহরণ দেওয়া হল, class এবং id CSS-এ:

/* Select all <p> tags */  
p {  
  color: blue;  
}  
  
/* Select elements with the class "my-class" */  
.my-class {  
  background-color: yellow;  
}  
  
/* Select the element with the ID "my-id" */  
#my-id {  
  font-weight: bold;  
}  
  
/* Combine element, class, and ID selections */  
div.my-class#my-id {  
  border: 1px solid black;  
}  

element, , এবং আইডি নির্বাচন ব্যবহার করে class, আপনি সহজেই আপনার ওয়েব পৃষ্ঠায় নির্দিষ্ট উপাদান বা উপাদানের গোষ্ঠী নির্বাচন এবং শৈলী করতে পারেন।