] विशिष्ट वर्गों के मूल्यों पर। एक सामान्य आवश्यकता उन्हें सौंपे गए कई वर्गों वाले तत्वों का चयन करना है।

प्रश्न:

class = "foo"> हैलो फू

आप CSS चयनकर्ताओं का उपयोग करके केवल दूसरे तत्व ("फू बार" कक्षाओं के साथ) का चयन करने के लिए CSS कैसे लिख सकते हैं?

] इस उदाहरण में, CSS कोड होगा:

। foo.bar { / * फू और बार कक्षाओं के साथ तत्व (एस) के लिए शैलियाँ */ } यह चयनकर्ता दूसरे डिव पर शैलियों को लागू करेगा, क्योंकि यह एकमात्र तत्व है जिसमें "फू" और "बार" कक्षाएं दोनों हैं। :

इंटरनेट एक्सप्लोरर ६ जैसे पुराने ब्राउज़र जंजीर के चयनकर्ताओं की सही व्याख्या नहीं कर सकते हैं। IE6 केवल अंतिम वर्ग के चयनकर्ता को पढ़ेगा और दूसरों को अनदेखा करेगा। IE6 के साथ संगतता सुनिश्चित करने के लिए, आपको जंजीर वर्ग चयनकर्ताओं का उपयोग करने से बचना चाहिए और इसके बजाय अधिक विशिष्ट चयनकर्ताओं का उपयोग करना चाहिए, जैसे:

Hello Foo
Hello World
Hello Bar

div.foo.bar { / * फू और बार कक्षाओं के साथ तत्व (एस) के लिए शैलियाँ */ }