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;
}