सीएसएस चयनकर्ता केवल एक तत्व का चयन करते हैं जब किसी अन्य तत्व के अंदर

Question

मेरे पास सीएसएस चयनकर्ताओं के बारे में कोई प्रश्न है। मैं <div> का चयन केवल एक विशिष्ट वर्ग नाम के साथ कैसे कर सकता हूं जब <ul> के अंदर कक्षा नाम saft के साथ? यह सीएसएस कक्षा कहीं और उपयोग की जाती है और मैं हर जगह स्टाइल को बदलना नहीं चाहता हूं।

<div id="floater"> 
    <ul class="saft"> 
     <li><div class="textSlide"></li> 
    </ul> 
</div> 

Answer 1

आप पेरेंट तत्व और वंशज तत्व के बीच सीएसएस वंशज चयनकर्ता (एक अंतरिक्ष) का उपयोग करें:

ul.saft div.textSlide { 
    /* CSS rules */ 
} 

JS Fiddle demo।

इस मामले नियम वर्ग textSlide की div के लिए लागू में ही लागू होगी अगर अपने पूर्वज वर्ग saft के ul है। इसके बजाय, आप तत्काल बाल संयोजक, > का उपयोग कर सकते हैं, लेकिन फिर आपको प्रत्येक माता-पिता/पूर्वजों के संबंध में div निर्दिष्ट करना होगा, जिसकी कक्षा आवश्यक है, जो सीएसएस को बनाए रखने में संभावित रूप से मुश्किल होती है (इसमें नहीं मामला, लेकिन समय के साथ, समस्याग्रस्त हो सकता है)।

Answer 2

बस कार्य करें:

ul.saft .textSlide {

इस को प्राप्त होता है कि तुम क्या जरूरत है

Answer 3

आप आसानी से एक विशिष्ट वर्ग के नाम केवल तभी जब इसकी एक वर्ग के नाम saft के साथ एक यूएल अंदर सीएसएस नीचे उल्लेख की तरह साथ एक div का चयन कर सकते हैं: -

ul.saft .textSlide { 
color:red; 
} 

या डेमो देखें: - http://tinkerbin.com/mcrh7iMq