एकाधिक कक्षाओं के आधार पर तत्व का चयन करें

Question

मेरे पास एक स्टाइल नियम है जिसे मैं दो शैलियों पर टैग पर लागू करना चाहता हूं। जावास्क्रिप्ट के बिना इसे करने का कोई तरीका है? दूसरे शब्दों में:

<li class='left ui-class-selector'> 

मैं अपने शैली नियम केवल अगर li लागू किया दोनों .left और .ui-class-selector वर्ग हैं लागू करना चाहते हैं।

Answer 1

आपका मतलब दो वर्ग है? "चेन" चयनकर्ताओं (कोई उन दोनों के बीच रिक्त स्थान):

.class1.class2 { 
    /* style here */ 
} 

यह भी class2 है class1 साथ सभी तत्वों का चयन करता है।

आपके मामले में:

li.left.ui-class-selector { 

} 

आधिकारिक प्रलेखन: CSS2 class selectors।

---

आप इस पढ़ने के लिए चाहते हो सकता है अंक इंटरनेट में इस विधि एक्सप्लोरर 6 के साथ एक समस्या बाहर akamike के रूप में: Use double classes in IE6 CSS?

Answer 2

चेन चयनकर्ताओं केवल कक्षाओं तक सीमित नहीं हैं, तो आप दोनों वर्गों के लिए यह कर सकते हैं और आईडी।

क्लासेस

.classA.classB { 
/*style here*/ 
} 

कक्षा & ईद

.classA#idB { 
/*style here*/ 
} 

ईद & ईद

#idA#idB { 
/*style here*/ 
} 

सभी अच्छे वर्तमान ब्राउज़र आईई 6 को छोड़कर इसका समर्थन करते हैं, यह सूची में अंतिम चयनकर्ता के आधार पर चयन करता है। तो ".classA.classB" सिर्फ ".classB" के आधार पर चयन करेगा।

अपने मामले के लिए

li.left.ui-class-selector { 
/*style here*/ 
} 

या

.left.ui-class-selector { 
/*style here*/ 
}