CSS-এ একাধিক ক্লাস দ্বারা উপাদান নির্বাচন
ইচ্ছা করলে আমরা এমন একটি উপাদান নির্বাচন করতে পারি যার একই সাথে দুটি ক্লাস রয়েছে, এই ক্লাসগুলির একটি মাত্র রয়েছে এমন উপাদানগুলিকে অপ্রভাবিত রেখে।
আসুন একটি উদাহরণ দেখি। আমাদের কাছে নিম্নলিখিত কোডটি রয়েছে বলে ধরা যাক:
<p class="eee">
This is a paragraph with text.
</p>
<p class="zzz">
This is a paragraph with text.
</p>
<p class="eee zzz">
This is a paragraph with text.
</p>
আপনি দেখতে পাচ্ছেন, প্রথম অনুচ্ছেদের ক্লাস হল eee,
দ্বিতীয় অনুচ্ছেদের ক্লাস হল zzz, এবং তৃতীয়
অনুচ্ছেদের - একই সাথে এই দুটি ক্লাসই রয়েছে।
আসুন শেষের অনুচ্ছেদটি নির্বাচন করি, বাকিগুলিকে অপ্রভাবিত রেখে। এর জন্য একটি ক্লাসের নাম এবং দ্বিতীয় ক্লাসের নাম ফাঁকা ছাড়াই একসাথে লিখব:
.eee.zzz {
color: red;
}
সেই উপাদানটি নির্বাচন করুন, যার একই সাথে ক্লাস
eee, zzz এবং ccc রয়েছে:
<p class="eee">
This is a paragraph with text.
</p>
<p class="zzz">
This is a paragraph with text.
</p>
<p class="ccc">
This is a paragraph with text.
</p>
<p class="eee zzz ccc">
This is a paragraph with text.
</p>
