CSS-এ একাধিক সিলেক্টর একসাথে লেখা

একটি উপাদান নির্বাচন করতে যা একই সাথে একাধিক সিলেক্টরের সাথে মেলে, আপনাকে এই সিলেক্টরগুলি ফাঁক ছাড়াই একসাথে লিখতে হবে।

উদাহরণস্বরূপ, নিম্নলিখিত সিলেক্টরটি এমন একটি উপাদান নির্বাচন করবে যার একই সাথে bbb ক্লাস এবং zzz ক্লাস রয়েছে:

.bbb.zzz {
	
}

এবং নিম্নলিখিত সিলেক্টরটি একটি h2 শিরোনাম নির্বাচন করবে, যার একই সাথে bbb ক্লাস এবং zzz ক্লাস রয়েছে:

h2.bbb.zzz {
	
}

এইভাবে আপনি নির্বিচারে সিলেক্টর কনস্ট্রাকশন তৈরি করতে পারেন। এক্ষেত্রে ব্যবহৃত সিলেক্টরগুলির ক্রম গুরুত্বপূর্ণ নয়, শুধুমাত্র ট্যাগ সিলেক্টরগুলি সবচেয়ে শুরুতে রাখতে হবে এই নিয়মটি ছাড়া।

অর্থাৎ, উদাহরণস্বরূপ, .bbb.zzz এবং .zzz.bbb সিলেক্টরগুলি সম্পূর্ণরূপে সমতুল্য।

তাছাড়া, আপনি id ব্যবহার করে সিলেক্টর গঠন করতে পারেন, উদাহরণস্বরূপ: #elem.eee, বা h2#elem.eee, বা h2.eee#elem ইত্যাদি।

নীচের দেওয়া কোডে সিলেক্টরটি কী নির্বাচন করে তা বলুন। তারপর এই সিলেক্টরের সাথে মেলে এমন HTML কোড লিখুন। সিলেক্টর সহ কোডটি এখানে:

.bbb.zzz {
	color: red;
}

h2.bbb.zzz {
	color: red;
}

#elem.bbb {
	color: red;
}

#elem.bbb.zzz {
	color: red;
}

h2#elem.bbb {
	color: red;
}