কিভাবে অন্য CSS ক্লাসের ভিতরে একটি CSS ক্লাস টার্গেট করবেন

” তারপরে, আরও ব্যবহারের জন্য একটি ক্লাস অ্যাট্রিবিউট বরাদ্দ করুন।

ধাপ 2: নেস্টেড 'div' কন্টেইনার তৈরি করুন

এর পরে, ধাপ 1 এর একই পদ্ধতি অনুসরণ করে নেস্টেড ডিভ পাত্র তৈরি করুন:

< div ক্লাস = 'মূল' >

< div ক্লাস = 'টেবিল' >

< div ক্লাস = 'সারি' >

< div ক্লাস = 'সি-বাম' > বিবাহ করা < / div >

< div ক্লাস = 'সি-ডান' > জ্যাক < / div >

< div ক্লাস = 'সি-বাম' > টম < / div >

< div ক্লাস = 'সি-ডান' > জুলাই < / div >

< / div >

< / div >

< / div >

আউটপুট

---

---

ধাপ 3: প্রধান 'div' কন্টেইনারে স্টাইলিং প্রয়োগ করুন

প্রধান অ্যাক্সেস ' div 'পাত্রের সাহায্যে ক্লাসের নাম' হিসাবে .মূল ”:

.মূল {

প্রস্থ : 40% ;

মার্জিন : 0 স্বয়ংক্রিয় ;

রঙ : নীল ;

সীমান্ত : 2px বিন্দুযুক্ত নীল ;

পাঠ্য-সারিবদ্ধ : কেন্দ্র ;

}

এখানে:

• ' প্রস্থ ” উপাদানটির প্রস্থের আকার নির্দিষ্ট করে।
• ' মার্জিন ” সংজ্ঞায়িত সীমানার বাইরে উপাদানটির চারপাশে স্থান বরাদ্দ করে।
• ' রঙ ” উপাদানটিতে যোগ করা পাঠ্যের রঙ নির্ধারণ করে।
• ' সীমান্ত ” HTML এ উপাদানটির চারপাশে একটি রূপরেখা বা সীমানা নির্ধারণ করে।
• ' পাঠ্য-সারিবদ্ধ করুন ” উপাদানটির পাঠ্যের প্রান্তিককরণ সংজ্ঞায়িত করে।

ধাপ 4: অন্য ক্লাস স্টাইল করুন

তাদের নাম ব্যবহার করে CSS প্রধান ক্লাস এবং অন্যান্য নেস্টেড ক্লাস অ্যাক্সেস করুন। তারপর, আপনার পছন্দ অনুযায়ী মান উল্লেখ করে ধারকটির প্রস্থ সেট করুন:

.মূল .টেবিল {

প্রস্থ : 80% ;

}

উপরন্তু, উপরের মত একই পদ্ধতি অনুসরণ করে অন্য ক্লাসে প্রবেশ করুন এবং নীচের কোড স্নিপেটে উল্লেখিত CSS বৈশিষ্ট্যগুলি প্রয়োগ করুন:

.মূল .c-ডান {

প্রদর্শন : ইনলাইন-ব্লক ;

অক্ষরের আকার : 20px ;

}

উপরের কোড স্নিপেট অনুযায়ী:

• ' প্রদর্শন ” বৈশিষ্ট্য একটি উপাদান প্রদর্শন সেট করার জন্য ব্যবহার করা হয়.
• ' অক্ষরের আকার ” কন্টেইনারে যোগ করা পাঠ্যের আকার নির্দিষ্ট করে।

এখন, একই পদ্ধতি ব্যবহার করে অন্যান্য ক্লাসে প্রবেশ করুন এবং নীচে উল্লিখিত সিএসএস বৈশিষ্ট্যগুলি প্রয়োগ করুন:

.মূল .c-বাম {

প্রস্থ : 140px ;

মার্জিন-ডান : 6px ;

অক্ষরের আকার : 16px ;

}

এটি করতে, আমরা আবেদন করব ' প্রস্থ ', ' মার্জিন-ডান ' এবং ' অক্ষরের আকার ” স্টাইলিং উদ্দেশ্যে।

তাছাড়া, প্রধান 'এক্সেস করুন' div ” অন্যান্য নেস্টেড ডিভ কন্টেইনার বরাবর তাদের ক্লাসের নাম ব্যবহার করে এবং নিম্নলিখিত CSS বৈশিষ্ট্যগুলি প্রয়োগ করুন

.প্রধান .c-ডান {

প্রস্থ : স্বয়ংক্রিয় ;

অক্ষরের আকার : 15px ;

রঙ : #fff ;

মার্জিন-ডান : 20px ;

ফন্ট-ওজন : স্বাভাবিক ;

}

আউটপুট

এটি অন্য CSS ক্লাসের মধ্যে একটি CSS ক্লাসকে লক্ষ্য করার বিষয়ে।

উপসংহার

অন্য CSS ক্লাসের মধ্যে একটি CSS ক্লাস টার্গেট করতে, প্রথমে, প্রধান 'এক্সেস করুন div বরাদ্দকৃত ক্লাস অ্যাট্রিবিউটের মাধ্যমে। তারপর, একই পদ্ধতি অনুসরণ করে অন্য 'div' কন্টেইনার অ্যাক্সেস করুন। উপরন্তু, ব্যবহারকারীরা অন্য CSS ক্লাসের মধ্যে একটি CSS ক্লাস টার্গেট করতে পারে। এই পোস্টটি অন্য CSS ক্লাসের মধ্যে একটি CSS ক্লাসকে লক্ষ্য করার পদ্ধতি প্রদর্শন করেছে।